Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Npm Windows 10上的网页包模块解析问题_Npm_Webpack_Webpack Dev Server_Babel Node - Fatal编程技术网

Npm Windows 10上的网页包模块解析问题

Npm Windows 10上的网页包模块解析问题,npm,webpack,webpack-dev-server,babel-node,Npm,Webpack,Webpack Dev Server,Babel Node,我在Windows上解析模块名称时遇到问题。加载程序已安装,但Webpack用于尝试解析它们的路径不正确(请注意,它将模块路径连接到下面的工作目录)。正在使用网页包开发服务器启动网页包 ERROR in ./~/css-loader?sourceMap&modules&localIdentName=[name]_[local]_[hash:base64:3]!./~/postcss-loader?parser=postcss-scss!./client/src/scripts/c

我在Windows上解析模块名称时遇到问题。加载程序已安装,但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.
相关信息:

  • 视窗10
  • 节点6.6.0
  • 我正在通过NPM脚本运行带有babel节点的webpack
  • 网页包2.1.0-beta.22
  • NPM 3.10.3

编辑:这通常只在我进行了触发热重新加载的编辑时发生。有时在我第一次启动webpack dev server时会发生这种情况,但每次编辑源代码时都会发生这种情况。

不确定您是否发现了这一点,但在Windows 10上使用webpack时,我遇到了与错误的节点模块路径相同的错误。我非常失望地发现,没有人能够解决这个问题,因为这个特定的错误似乎没有记录在其他地方

在我自己的调试中,我发现这个错误只发生在webpack加载程序模块中,所以我深入webpack以跟踪错误的来源。经过一番挖掘,结果证明这是由webpack使用的loader runner包造成的。当System.import不可用时,它尝试使用System.import解析加载程序模块,并在require上进行回退。在我的例子中,System.import通过systemjs生成了格式错误的节点路径。当在Windows上使用绝对路径时,System.import的systemjs实现似乎有一个bug,并且由于webpack为加载程序传递了一个绝对路径,因此会抛出一个错误


我可以通过编辑本地的loader runner副本来解决这个问题,并注释掉System.import,强制它使用require。当然,这无论如何都不是一个好的长期解决方案,因此我仍在寻找更好的解决方案。我只是尝试切换到Thread,看看这是否是一个npm依赖性问题,但是如果您在Windows上仍然出现这些错误,这个解决方法应该可以让您启动并运行。

FWIW,我又回到了Webpack的非测试版(即1.x),它起到了作用,所以我没有进一步研究它。我终于找到了解决问题的好办法。