Javascript 识别入口点失败:无法解决';文件';或';目录''/src/index.js';

Javascript 识别入口点失败:无法解决';文件';或';目录''/src/index.js';,javascript,reactjs,webpack,webpack-dev-server,Javascript,Reactjs,Webpack,Webpack Dev Server,首先,我知道我们应该发布完整且可复制的问题。 但是,我正在做一个完整的堆栈Redux教程(), 我快结束了,这意味着我已经实现了很多文件和逻辑。 出于这个原因,我将我的项目加载到github,它是公开的()。通过这种方式,可以很容易地查看项目结构和文件,甚至可以克隆项目并重现错误 这就是问题所在 当我运行npm run dev时,会出现以下错误: ERROR in multi main Module not found: Error: Cannot resolve 'file' or 'dire

首先,我知道我们应该发布完整且可复制的问题。 但是,我正在做一个完整的堆栈Redux教程(), 我快结束了,这意味着我已经实现了很多文件和逻辑。 出于这个原因,我将我的项目加载到github,它是公开的()。通过这种方式,可以很容易地查看项目结构和文件,甚至可以克隆项目并重现错误

这就是问题所在 当我运行npm run dev时,会出现以下错误:

ERROR in multi main Module not found: Error: Cannot resolve 'file' or 'directory' ./src/index.js in C:\Users\Y\Desktop\sketches\voting_app\client_side
  @ multi main
并与网页包有关

ERROR in (webpack)-dev-server Module not found: Error: Cannot resolve module 'sockjs-client' in
  C:\Users\Y\Desktop\sketches\voting_app\client_side\node_modules\webpack-dev-server\client
  @ (webpack)-dev-server

ERROR in (webpack)-dev-server/client?  Module not found: Error: Cannot resolve 'file' or 'directory'
  C:\Users\Y\Desktop\sketches\voting_app\client_side\node_modules\url\url.js in
  C:\Users\Y\Desktop\sketches\voting_app\client_side\node_modules\webpack-dev-server\client
  @ (webpack)-dev-server/client? 1:10-24
实际上,我尝试了大量的方法来解决这个错误,搜索了stackoverflow和github相关的问题,但是没有一个解决方案能够解决我的错误

有什么建议吗?
我真的很感谢你的帮助

您的
解决配置中有两个问题

resolve: {
  modulesDirectories: ['node_modules', 'src'],
  extensions: ['.js', '.jsx'],
  packageMains: ['webpack']
},
第一个是需要一个空字符串才能导入具有完整扩展名的文件。例如,如果导入
/index.js
,它将尝试使用配置的扩展名(
/index.js.js
/index.js.jsx
这是webpack 1的问题,当前的
解决方案。扩展
在webpack 2或更高版本中可以正常工作(事实上,不再允许使用空字符串)

第二个问题是
resolve.packageMains
。导入节点模块(包含
包.json
的目录)时使用此选项。Webpack将在
package.json
中查找这些字段,并使用指定的文件作为模块的入口点。节点使用
main
字段来确定入口点,因此npm包都有一个
main
字段。您只需要查找一个
webpack
字段,几乎所有包都没有这个字段。使用更广泛的较新字段是
模块
(有关详细信息,请参阅)。您应该使用默认的from webpack 2+(该选项已重命名)

您的
解析
配置变为:

resolve: {
  modulesDirectories: ['node_modules', 'src'],
  extensions: ['', '.js', '.jsx'],
  packageMains: ['browser', 'module', 'main']
},

本教程已有近2年的历史,因此使用了一些旧版本。强烈建议升级webpack,因为它已经有了很大的改进。当您使用一个简单的配置来处理一个新项目时,使用它进行升级不会花费太多精力。

!你救了我的命,非常感谢!