Question

./app/index.scss中的错误找不到模块：错误：无法解析'file'或'directory'./../ node_modules C：\ Users \ johnliang \ Temp \ webpack-angular / app中的css-loader / index.js @ ./app/index.scss 4：14-116 13：2-17：4 14：20-122

./app/index.scss中的错误找不到模块：错误：无法解析'file'或'directory'./../ node_modules C：\ Users \ johnliang \ Temp \ webpack-angular / app中的style-loader / addStyles.js @ ./app/index.scss 7：13-68

index.scss未加载到最终的webpack输出中。

Answer 1

请务必使用

path.join（__ dirname，＆＃39; src＆＃39;）

而不是

__ dirname +＆＃39; / src＆＃39;

你的webpack.config.js中的

：

var path = require('path');

module.exports = {
  context: path.join(__dirname, 'src'),
...

Answer 2

我遇到了类似的问题，我的webpack构建抱怨.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'到我的webpack配置中的resolve属性：

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

这解决了我的问题，所以一定要试一试。

Webpack css-loader找不到index.js，style-loader找不到addStyles.js

2 个答案: