Webpack css-loader не может найти index.js, style-loader не может найти addStyles.js

ОШИБКА в ./app/index.scss Модуль не найден: Ошибка: не удается разрешить «файл» или «каталог» ./../node_modules css-loader / index.js в C: \ Users \ johnliang \ Temp \ webpack-angular / app @ ./app/index.scss 4: 14-116 13: 2-17: 4 14: 20-122

ОШИБКА в ./app/index.scss Модуль не найден: Ошибка: не удается разрешить 'файл' или 'каталог' ./../node_modules style-loader / addStyles.js в C: \ Users \ johnliang \ Temp \ webpack-angular / app @ ./app/index.scss 7: 13-68

index.scss не загружается в окончательный вывод webpack.


webpack webpack-style-loader
person John    schedule 15.05.2015    source источник
comment
Можете ли вы предоставить свою конфигурацию Webpack? Как выглядит ваш импорт?   -  person Juho Vepsäläinen    schedule 16.05.2015
comment
У меня такая же ошибка, вы нашли решение?   -  person blazkovicz    schedule 03.06.2015
comment
Я нашел ту же проблему. Ознакомьтесь с здесь   -  person BYUNGJU JIN    schedule 01.02.2017

Ответы (2)


arrow_upward
22
arrow_downward

Убедитесь, что вы используете

path.join (__ dirname, 'src')

и не

__dirname + '/ src'

в вашем webpack.config.js:

var path = require('path');

module.exports = {
  context: path.join(__dirname, 'src'),
...
person Roman D    schedule 05.06.2015
comment
У меня была точно такая же проблема, и это сработало. Я предполагаю, что это связано с использованием правильного разделителя путей для ОС - person Sebastian Bender; 19.06.2015
comment
Не только для context, но и для resolve.root также должны быть правильные косые черты. - person mpen; 14.03.2016
comment
@ roman-d Вы, сэр, только что спас меня как день отладки, большое спасибо! - person Pirozek; 14.09.2016
comment
у меня такая же проблема. Не могли бы вы сообщить мне, как обновить приведенный ниже код. const path = require (путь); const dist = path.resolve (__ dirname, dist); const combLoaders = require ('webpack-comb-loaders'); module.exports = {запись: ['./src/index.js'], вывод: {путь: __dirname + '/ public', publicPath: '/', filename: 'bundle.js'}, - person Rakesh Nallam; 27.02.2018

arrow_upward
2
arrow_downward

У меня была аналогичная проблема, когда моя сборка веб-пакета жаловалась на файл .js:

ERROR in ./node_modules/style-loader/lib/addStyles.js
Module not found: Error: Can't resolve './urls' in '/Users/<user>/path/to/project/node_modules/style-loader/lib'
 @ ./node_modules/style-loader/lib/addStyles.js 64:14-31

Я, должно быть, скопировал это решение из учебника где-то по пути (или из многих), но, сравнивая с другим проектом, который я написал, я понял, что пропустил расширение '.js' для свойства разрешения в моей конфигурации веб-пакета:

resolve: {
  extensions: [
    '.scss',
    '.css',
    '.js' // <-- HERE
  ]
},

Это устранило проблему для меня, так что определенно попробуйте.

person Phil Gibbins    schedule 16.05.2018