Не удается запустить npm с помощью Laravel-mix

У меня проблема, это меня убивает. пожалуйста помоги. Я пытаюсь запустить npm в DEV с помощью команды: npm run dev

В моем webconfig.mix.js: mix.sass('resources/assets/sass/style.scss', 'public/css');

Это мои ошибки

 95% emitting

 ERROR  Failed to compile with 4 errors                                                                                                                                                                                               05:33:52

This dependency was not found:

* -!../../../node_modules/css-loader/index.js?{"url":true,"sourceMap":false,"importLoaders":1}!../../../node_modules/postcss-loader/lib/index.js??postcss!bootstrap/dist/bootstrap.css in ./node_modules/css-loader?{"url":true,"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib?{"sourceMap":true,"ident":"postcss","plugins":[null]}!./node_modules/resolve-url-loader?{"sourceMap":true,"root":"/home/vagrant/Code/pudatalk/node_modules"}!./node_modules/sass-loader/lib/loader.js?{"precision":8,"outputStyle":"expanded","sourceMap":true}!./resources/assets/sass/style.scss

To install it, you can run: npm install --save -!../../../node_modules/css-loader/index.js?{"url":true,"sourceMap":false,"importLoaders":1}!../../../node_modules/postcss-loader/lib/index.js??postcss!bootstrap/dist/bootstrap.css

См. Ошибку выше.

Итак, я узнал, что это происходит, когда я импортирую:

@import "~bourbon/app/assets/stylesheets/_bourbon.scss";

и я реализовал что-то вроде:

.error-bg-img {
    background:url("../img/errorbg.jpg");
    background-size:cover;
}

Я пытаюсь рассказать вам, что у меня было в коде, из-за которого возникла проблема.

Я пытался погуглить, переустанавливать так много вещей, перемещать вещи, но безнадежно. Я новичок в sass, webpack и laravel-mix.

Большое спасибо


person daniel8x    schedule 22.09.2017    source источник
comment
Опубликуйте, пожалуйста, текст ошибки, а не снимок экрана.   -  person Don't Panic    schedule 22.09.2017
comment
@ Don'tPanic, я отредактировал свой пост.   -  person daniel8x    schedule 23.09.2017


Ответы (2)


Хорошо, ребята,

Я исправил проблему, теперь я этого не сделал, потому что webpack автоматически копирует изображение из папки / img в / public. Итак, я переместил свой / img из папки public / в / resources / Assests /. И теперь все нормально.

Все дело в пути. Извините, я новичок в webpack и не знал об этом.

person daniel8x    schedule 23.09.2017