2017-01-07 9 views
0

В настоящее время настроен проект с использованием npm с помощью глотки.
node_modules-карта, содержащая bootstrap-sass и jquery-folders.Невозможно запустить bootstrap-sass с npm

Я строю из папки src в папку dist. Дисковая папка загружается в веб-браузер. стили и т.д.

В моем main.scss (ЦСИ/стили/main.scss) Я импортировать bootstrap.scss:

@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap-sprockets"; 
@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap"; 

все работает, за исключением того, что я не в состоянии получить JQuery работает (и начальной загрузки нав меню на мобильном телефоне, также, кажется, не работает, поэтому я вещь, что bootstrap.js также не загружена)

самозагрузки-дерзость был установлен с: НПМ установки начальной загрузки --save
JQuery был установлен с НПМ установки jquery --save

main.js код (SRC/скрипты/main.js):

$(document).ready(function() { 
    console.log('ready!'); 
}); 

консоль ошибок:

Uncaught ReferenceError: $ is not defined 
    at main.js:3 

Так что я уже искал и изменил код в пределах main.js

моя главная .js код файла:

var $ = require('jquery'); 
window.$ = $; 
require('bootstrap-sass'); 

$(document).ready(function() { 
    console.log('ready!'); 
}); 

, но теперь возникает следующая ошибка в браузере.

Uncaught ReferenceError: require is not defined 
at main.js:2 
+0

У меня такая же проблема. Вы когда-нибудь могли найти решение !? – skipZero

ответ

0

После небольшого проб и ошибок, это то, что я придумал при использовании bootstrap-sass и jQuery. Обратите внимание на капитал «Q» в приведенном ниже коде. :)

const $ = require('jquery'); 
window.jQuery = $; 
const bootstrap = require('bootstrap-sass'); 

then, при помощи браузера, вам должно быть хорошо. : D