自己捣鼓express+react+webpack的时候,出现了一个get ../index.bundle.jsnet::ERR_ABORTED 404 not found
的问题。
在网上找了很多解决方法,都没有解决这个问题
后来慢慢去项目中定位问题,才发现和静态资源配置有关
我在app.js中的静态资源配置如下:
app.use('/client/static', express.static(path.join(__dirname, 'client/static')));
同时在webpack.config.js打包文件输出的位置配置如下:
path: __dirname + '/static/dist/'
index.html的文件路径如下:
/client/view/index.html
然后我就在index.html文件中通过以前的相对路径的方法去直接调用生成的index.bundle.js文件,就导致了这个错误的发生,后来改成src=“client/static/dist/index.bundle.js”
就没问题了。
注意:如果你在配置静态资源的时候设置为app.use(express.static(path.join(__dirname, 'client/static')));
,
那么你在inde.html文件中就可以直接调用生成的index.bundle.js文件
在使用react+express引入js、或者css文件的时候net::ERR_ABORTED
最新推荐文章于 2024-07-22 12:53:44 发布