Webpack模块在Windows 10上的解决问题

Question

我对Webpack在Windows上解析模块名有问题。装载机已经安装，但是Webpack试图解决这些问题的路径是不正确的(请注意，它将模块路径连接到下面的工作目录)。Webpack是与webpack开发服务器一起推出的。

ERROR in ./~/css-loader?sourceMap&modules&localIdentName=[name]_[local]_[hash:base64:3]!./~/postcss-loader?parser=postcss-scss!./client/src/scripts/components/Main/Main.css
Module build failed: (SystemJS) ENOENT: no such file or directory, open 'C:\Users\Terry\Projects\django-react\C:\Users\Terry\Projects\django-react\node_modules\css-loader\index.js'
        Error: ENOENT: no such file or directory, open 'C:\Users\Terry\Projects\django-react\C:\Users\Terry\Projects\django-react\node_modules\css-loader\index.js'
            at Error (native)
        Error loading C:/Users/Terry/Projects/django-react/C:\Users\Terry\Projects\django-react\node_modules\css-loader\index.js
 @ ./client/src/scripts/components/Main/Main.css 4:14-225 13:2-17:4 14:20-231
 @ ./client/src/scripts/components/Main/Main.jsx
 @ ./client/src/index.js
 @ multi main
webpack: bundle is now VALID.

相关信息：

• Windows 10
• 节点6.6.0
• 我通过NPM脚本运行webpack与babel节点
• Webpack 2.1.0-β.22
• 国家预防机制3.10.3

编辑:这通常只发生在我做了一个编辑，触发热重新加载。有时候，当我第一次启动webpack-dev服务器时就会发生这种情况，但是每次我编辑源代码时都会发生这种情况。

Answer 1

我不知道你是否发现过这个问题，但在Windows 10上使用webpack时，我在使用错误的node_modules路径时遇到了同样的错误。我非常失望地发现，没有人能够解决这个问题，因为这个错误似乎没有在其他地方被记录下来。

在我自己的调试中，我发现这个错误只发生在webpack装载机模块上，所以我深入webpack来跟踪错误的来源。经过一番挖掘，发现这是webpack使用的装载机转轮包造成的。它尝试使用System.import解析加载程序模块，并在System.import不可用时对需求进行回退。在我的例子中，格式错误的node_modules路径是由System.import通过systemjs生成的。在Windows上使用绝对路径时，系统of的System.import实现似乎有一个错误，而且由于webpack为加载程序传递了一个绝对路径，所以它会抛出一个错误。

我能够通过编辑本地的加载器运行程序的副本来解决这个问题，并将System.import注释掉，迫使它使用require。当然，这不是一个好的长期解决方案，所以我仍然在寻找更好的解决办法。我只是试着切换到纱线，看看这是否是一个npm依赖问题，但这个解决办法应该让您启动和运行，如果您仍然在Windows上的这些错误。