Javascript 识别入口点失败:无法解决';文件';或';目录''/src/index.js';
首先,我知道我们应该发布完整且可复制的问题。 但是,我正在做一个完整的堆栈Redux教程(), 我快结束了,这意味着我已经实现了很多文件和逻辑。 出于这个原因,我将我的项目加载到github,它是公开的()。通过这种方式,可以很容易地查看项目结构和文件,甚至可以克隆项目并重现错误 这就是问题所在 当我运行npm run dev时,会出现以下错误: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
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,因为它已经有了很大的改进。当您使用一个简单的配置来处理一个新项目时,使用它进行升级不会花费太多精力。!你救了我的命,非常感谢!