vue 打包背景图片不显示问题，出现Failed to load resource: net::ERR_FILE_NOT_FOUND，解决

最新推荐文章于 2022-12-02 17:56:23 发布
最新推荐文章于 2022-12-02 17:56:23 发布
阅读量3.5k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： vue学习 小知识
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43671996/article/details/103070190
在Vue项目中遇到Failed to load resource: net::ERR_FILE_NOT_FOUND错误，问题可能出在资源未正确引入。解决方法包括：确保目标文件已引入，修改build/utils.js文件添加公共路径publicPath: ‘…/…/’来处理背景图片路径，以及重新安装并配置jQuery，通过npm install jquery --save-dev安装包，并在webpack配置文件中加入ProvidePlugin。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.Failed to load resource: net::ERR_FILE_NOT_FOUND
在这里插入图片描述
在这里插入图片描述
**~~`

这是代表目标文件未引入
引入目标文件就行

`~~ **
2.背景图片不显示问题

在build/utils.js文件中添加如下一行代码publicPath: ‘…/…/’ //背景图片位置
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: ‘vue-style-loader’,
publicPath: ‘…/…/’ //背景图片位置
})
} else {
return [‘vue-style-loader’].concat(loaders)
}在这里插入图片描述
3.jquery 安装包未引入。解决：从新下载安装包，安装

最低0.47元/天 解锁文章
vue打包：Failed to load resource: net::ERR_FILE_NOT_FOUND问题
zxw939832359的博客
12-28 5878
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-cli踩坑】Failed to load resource: net::ERR_FILE_NOT_FOUND或者build之后dist文件下的index.html不显示内容
艾欢欢的博客
04-23 9116
通过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: 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
Vue项目打包报错Failed to load resource: net::ERR_FILE_NOT_FOUND
纳兹咩SAMA的博客
09-28 4721
打包出错显示空白页，或者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.assetsPub
Failed to load resource: net::ERR_FILE_NOT_FOUND
热门推荐
qq_34500270的博客
10-09 9万+
1. 错误信息如下，提示导入源文件jquery失败，有可能是导入路径错误或者没有导入jquery文件，请跳转到步骤2； 2. 查看html引入jquery源文件路径（如化红线所示），多了一斜杆"/"，正确引入路径为：<script src="jquery/jquery-3.3.1.min.js"></script> 3. jquery项目目录如下图：   ...
vue2中 Failed to load resource: net::ERR_FILE_NOT_FOUND
01-05
在Vue2中，当你打包项目后，可能会遇到"Failed to load resource: net::ERR_FILE_NOT_FOUND"的错误。这个错误通常是由于打包后的文件路径不正确导致的。为了解决这个问题，你可以按照以下步骤进行操作： 1. 找到...
Failed to load resource: net::ERR_FILE_NOT_FOUND vue
最新发布
02-21
"Failed to load resource: net::ERR_FILE_NOT_FOUND" 是一个常见的错误信息，它表示浏览器无法加载指定的资源文件。在Vue项目中，这个错误通常出现在以下几种情况下： 1. 资源文件路径错误：检查你的代码中是否...
vue axios 跨域 请求代理
abelrox的博客
11-20 358
1. vue.config.js的配置 module.exports = { publicPath: './', devServer: { // axios 跨域代理 proxy: { '/api': { target: 'http://192.168.10.129:5000', changeOrigin: true } }
记录错误：Failed to load resource: net::ERR_FILE_NOT_FOUND
fcygcyfv的博客
09-17 1353
记录错误：Failed to load resource: net::ERR_FILE_NOT_FOUND
angular 打包后 index.html 显示Failed to load resource: net::ERR_FILE_NOT_FOUND
u011342224的博客
08-13 1745
Q：run build 之后找不到 .js 资源文件 A： 打包时在ng build后加上–base-href ./
报错Failed to load resource: net::ERR_FILE_NOT_FOUND--浏览器设置跨域
qq_41829867的博客
04-05 3万+
浏览器报错Failed to load resource: net::ERR_FILE_NOT_FOUND代表此应用运行需要做跨域 推荐使用火狐浏览器做跨域，之后也用火狐访问。 在地址栏输入 about:config 点击接受风险并继续： 输入security.fileuri.strict_origin_policy 把true改为false 重启浏览器跨域就做好了，上述问题也就解决了。 如果你是内嵌的浏览器，可以把应用自己做跨域，这个的话好像也是一个类似的security.fileuri.strict
Failed to load resource: net::ERR_FILE_NOT_FOUND（vue 项目通过 npm run build 打包以后页面没有内容）
muzidigbig的博客
03-17 8929
顾名思义这是一个路径问题！！！！！ 当项目build后打开dist/index.html你会发现页面什么都没有（空白页），查看页面console 惊奇的发现一片红 更改点一： 此时你需要查看你的配置文件webpack.config.js(vue.config.js) 是否配置了publicPath:'./', module.exports = { publicPath:'./', // 执行 npm run build 统一配置路径 } 再次打包index.html .
npm run build打包后页面空白报错：Failed to load resource: net::ERR_FILE_NOT_FOUND
Huagg24的博客
12-02 2921
有效的解决了我的问题所以转载记录一下。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值