在使用react+express引入js、或者css文件的时候net::ERR_ABORTED

自己捣鼓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文件

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值