Vue项目打包报错Failed to load resource: net::ERR_FILE_NOT_FOUND

最新推荐文章于 2025-04-15 11:10:59 发布
最新推荐文章于 2025-04-15 11:10:59 发布
阅读量3w 收藏 19
点赞数 5
分类专栏： vue学习 help 文章标签： vue npm run build
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_43671996/article/details/102892158
版权

打包出错显示空白页，或者Failed to load resource: net::ERR_FILE_NOT_FOUND

1.webpack.prod.conf.js 中output添加参数publicPath:'./'

2.修改webpack.base.conf.js中：

publicPath: process.env.NODE_ENV === 'production'

? './' +config.build.assetsPublicPath

: './' + config.dev.assetsPublicPath

3.

如果还有问题：

找到config文件里面的index.js

修改build里面的assetsPublicPath；

assetsPublicPath: '/',

vue打包：Failed to load resource: net::ERR_FILE_NOT_FOUND问题
zxw939832359的博客
12-28 5857
vue项目npm run build 打包会出现： Failed to load resource: net::ERR_FILE_NOT_FOUND 总结解决办法： config/index.js里将assetsPublicPath:’/‘改成assetsPublicPath:’./' assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath:
vue 打包背景图片不显示问题，出现Failed to load resource: net::ERR_FILE_NOT_FOUND，解决
敲门的小白
11-14 3562
if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: ‘vue-style-loader’, publicPath: ‘…/…/’ //背景图片位置 }) } else { return [‘vue-style-loader’].concat(loaders) } ...
vue项目打包上线时报错‘Failed to load resource: net::ERR_FILE_NOT_FOUND‘
快乐de馒头
07-30 4952
这里的确是css以及js文件的路径问题，但解决时并不需要手动改路径或者加一段判断去修改，最方便的办法时在项目打包前的vue.config.js里面将publicPath属性添加或者修改为publicPath‘./’，然后重新打包。版权声明本文为优快云博主「CS_ruler」的原创文章，遵循CC4.0BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接https//blog.csdn.net/CS_ruler/article/details/125479780。...
errno: 600001, errMsg: “request:fail -102:net::ERR_CONNECTION_REFUSED，很可能你的https证书到期了！
最新发布
lschuangye的博客
04-15 338
当然，出现errno: 600001, errMsg: “request:fail -102:net::ERR_CONNECTION_REFUSED的第二种情况就是小程序年审到期了，无法使用配置的域名导致报错。微信小程序开发时，出现errno: 600001, errMsg: “request:fail -102:net::ERR_CONNECTION_REFUSED的问题，很可能的原因就是域名证书过期了。自己没有一直关注域名证书到期时间，域名证书容易过期，所以可以选择一些自动续期证书的平台。
vue axios 跨域 请求代理
abelrox的博客
11-20 356
1. vue.config.js的配置 module.exports = { publicPath: './', devServer: { // axios 跨域代理 proxy: { '/api': { target: 'http://192.168.10.129:5000', changeOrigin: true } }
Vue 打包后打开为空白页面 并且控制台报错‘Failed to load resource: net::ERR_FILE_NOT_FOUND’
官方推荐
05-12 5750
当我们开发完成后进行 npm run build打包后形成dist文件 我们通过访问dist文件中的index，会出现空白页面什么都不显示的问题，控制台中还会报‘Failed to load resource: net::ERR_FILE_NOT_FOUND’错误，其实是因为打包后的dist目录下的文件引用路径不对，会因找不到文件而报错导致白屏，cli2.0和cli3.0解决办法不同，解决办法如下： Vue cli2版本解决办法 找到我们的 config文件夹下面的 index.js 配置文件 找..
正式环境打包没问题测试环境打包报错Failed to load resource: net::ERR_FILE_NOT_FOUND
09-21
根据提供的引用内容，您在测试环境打包时遇到了"Failed to load resource: net::ERR_FILE_NOT_FOUND"错误。这个错误通常是由于缺少文件或资源导致的。请确保在测试环境中，所有的文件和资源都正确引用并可访问。 ...
Vue 报错Failed to load resource: net::ERR_FILE_NOT_FOUND
10-11
这个错误通常发生在Vue项目中，它表示浏览器无法找到请求的资源。有几种可能的原因： 1. 资源路径错误：请确保你的路径是正确的。检查资源文件的相对路径或绝对路径是否正确引用。 2. 资源文件不存在：确认所请求...
【vue-cli踩坑】Failed to load resource: net::ERR_FILE_NOT_FOUND或者build之后dist文件下的index.html不显示内容
艾欢欢的博客
04-23 9105
通过vue-cli创建的项目 npm run dev 运行开发环境可以看到效果， 但是 npm run dbulid 之后，通过产生的dist文件下的index.html直接打开没显示，看不到效果，报错如下： 知乎上：webpack.prod.conf.js 中output添加参数publicPath:’./’ 具体代码： 在webpack.base.conf.js里 output: { ...
Failed to load resource netERR_FILE_NOT_FOUND（vue 项目通过 npm run build 打包以后页面没有内容）
m0_54850467的博客
03-05 523
顾名思义这是一个路径问题！！！！！ 当项目build后打开dist/index.html你会发现页面什么都没有（空白页），查看页面console 惊奇的发现一片红 更改点一： 此时你需要查看你的配置文件webpack.config.js(vue.config.js) 是否配置了publicPath:’./’, module.exports = { publicPath:'./', // 执行 npm run build 统一配置路径 } 再次打包index.html 就会看到你想看到
“Failed to load resource: net::ERR_FILE_NOT_FOUND“错误 。vue-cli 3.0 创建的项目，dev下能运行，打包后报错，页面空白 。
小猪的博客
10-15 1万+
cli3.0 解决办法： Failed to load resource: net::ERR_FILE_NOT_FOUND 打开dist/index.html， 引入是有问题的， 在vue-cli 3.0 创建的项目中是找不到webpack的配置文件，因为vue-cli 3.0 将其封装起来了，只需要在项目的根目录下的vue.config.js文件中修改就行了（若项目没有...
Failed to load resource: net::ERR_FILE_NOT_FOUND问题解决
sensendedede的博客
02-18 9228
文件中，静态资源的引用路径将是相对于当前路径的，而不是绝对路径。的效果就是让构建后的资源使用相对路径引用，而不是绝对路径。默认情况下，Vue CLI 生成的项目会把所有静态资源引用路径设置为绝对路径，即。的设置，构建后的资源引用路径已经是相对路径了，所以你不需要手动改变。是告诉 webpack 打包后的文件在浏览器中的访问路径。这适用于大多数情况，尤其是当你的项目部署在服务器的根目录时。文件中的引用路径，这由 webpack 自动处理了。时，实际上是将构建后的资源相对于当前路径进行引用。
vue 项目打包报错 Failed to load resource: net::ERR_FILE_NOT_FOUND
c327127960的博客
11-15 1719
vue 项目打包报错 Failed to load resource: net::ERR_FILE_NOT_FOUND
Failed to load resource: net::ERR_FILE_NOT_FOUND或者vue dist文件下的index.html没显示
热门推荐
u013365404的专栏
12-28 2万+
vue-cli  npm run dev 可以看到，但是通过dist文件下的index.html直接打开没显示，没看到   知乎上：webpack.prod.conf.js 中output添加参数publicPath:'./' 具体： publicPath: process.env.NODE_ENV === 'production'       ? './' + config.build
Failed to load resource: net::ERR_FILE_NOT_FOUND
weixin_51339619的博客
09-15 644
vue打包页面空白错误解决
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值