Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/postgresql/10.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
Reactjs [React Webpack]:未找到模块:错误:Can';t解决';src/views/UserList';在';C:\Users\....';_Reactjs_Webpack_Lazy Loading - Fatal编程技术网

Reactjs [React Webpack]:未找到模块:错误:Can';t解决';src/views/UserList';在';C:\Users\....';

Reactjs [React Webpack]:未找到模块:错误:Can';t解决';src/views/UserList';在';C:\Users\....';,reactjs,webpack,lazy-loading,Reactjs,Webpack,Lazy Loading,我有一个create-react应用程序100%工作,我想集成webpack4来部署我的应用程序,但在我“npm-dev-run”配置webpack后,我在每个延迟导入行上都会出现这些错误: 未找到模块:错误:无法解析“C:…”中的“src/views/UserList” My webpack.config.js: //webpack.config.js const path=require('path'); const HtmlWebPackPlugin=require('html网页包插件

我有一个create-react应用程序100%工作,我想集成webpack4来部署我的应用程序,但在我“npm-dev-run”配置webpack后,我在每个延迟导入行上都会出现这些错误: 未找到模块:错误:无法解析“C:…”中的“src/views/UserList”

My webpack.config.js:

//webpack.config.js
const path=require('path');
const HtmlWebPackPlugin=require('html网页包插件');
const webpack=require('webpack');
module.exports={
上下文:_dirname,
条目:{
捆绑包:'./src/index.js',
},
输出:{
path:path.resolve(uu dirname,'dist'),
文件名:“main.js”,
},
开发服务器:{
历史上的倒退:正确
},
模块:{
规则:[
{
测试:/\(js|jsx)$/,
排除:/node_模块/,
使用:[“巴别塔加载器”],
},
{
测试:/\((c|sa|sc)ss)$/i,
用法:['style-loader','css-loader']
},
{
测试:/\(png | j?g | svg | gif)?$/,
使用“文件加载器”,
包括:path.resolve(uu dirname,'src'))
}
]
},
插件:[
新HtmlWebPackPlugin({
模板:path.resolve(uu dirname,'public/index.html'),
文件名:“index.html”
}),
新的webpack.DefinePlugin({
'process.env.NODE_env':JSON.stringify(process.env.NODE_env)
})
],

};
默认情况下,如果您没有为webpack.config.js提供相对/绝对路径,则webpack仅搜索
节点\模块
,因此您需要将其添加到
webpack.config.js
中,以告知它也在项目根目录中搜索:

module.exports={
//...
决心:{
模块:['.','node_modules']
}
};

更多信息。请注意,这里的顺序很重要,它首先在项目根目录中搜索,然后在节点模块中搜索,您可以对其进行更改。

在webpack.config.js中添加解析模块后,错误更改为:未找到模块:错误:无法解析。/prismjs'位于src/assets下,我还需要添加什么?您在哪里添加了
。/prismjs'
来源?@import./prismjs';(我现在添加了sass加载程序,错误已经解决,但在运行时它不会读取axios(TypeError:无法读取未定义的属性'create'))我不明白你的最后一个问题。你是这样导入axios的吗:
从“axios”导入axios;
?是的,在集成webpack之前,应用程序工作得很好,但是在集成webpack之后,我遇到了这些错误,第一个错误由于你的帮助(解决节点模块)得到了修复,但是现在尽管导入了axios,axios错误仍然存在