解决vue脚手架打包报错Failed to load resource: net::ERR_FILE_NOT_FOUND或者vue dist文件下的index.html没显示 的问题

最新推荐文章于 2023-11-21 17:28:34 发布
最新推荐文章于 2023-11-21 17:28:34 发布
阅读量1.9k 收藏 1
点赞数 1
分类专栏： 技术交流 前端 技术总结 文章标签： vue脚手架 前端 框架 打包报错 webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44777678/article/details/102524695
版权
技术交流 同时被 3 个专栏收录
107 篇文章 2 订阅
订阅专栏
技术总结
103 篇文章 0 订阅
订阅专栏
前端
97 篇文章 0 订阅
订阅专栏 
在webpack.base.conf.js里 添加 
	publicPath: process.env.NODE_ENV === 'production' ? './' +config.build.assetsPublicPath : './' + config.dev.assetsPublicPath
这段代码...
亲测完美解决！
ヽ错落不堪的年华。
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
npm run build打包后页面空白报错：Failed to load resource: net::ERR_FILE_NOT_FOUND
Huagg24的博客
12-02 2529
有效的解决了我的问题所以转载记录一下。
报错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
Vue项目打包报错Failed to load resource: net::ERR_FILE_NOT_FOUND
weixin_30316097的博客
11-26 621
webpack.prod.conf.js 中output添加参数publicPath:'./' 修改webpack.base.conf.js中： publicPath: process.env.NODE_ENV === 'production' ? './' +config.build.assetsPublicPath : './' + config.dev.assetsPublic...
Vue 打包后打开为空白页面 并且控制台报错‘Failed to load resource: net::ERR_FILE_NOT_FOUND’
官方推荐
05-12 4841
当我们开发完成后进行 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
热门推荐
做笔记\记录遇到的程序bug
08-29 12万+
在vscode中使用插件NPM脚本进行打包项目操作、然后运行打包后的项目、没有效果。
解决webpack4+升级webpack5+ vue-pdf不可用问题
06-09
Module build failed (from ./node_modules/vue-pdf/node_modules/worker-loader/dist/cjs.js): Error: MainTemplate.hooks.hotBootstrap has been removed (use your own RuntimeModule instead)
如何配置vue.config.js 处理static文件夹下的静态文件
01-19
最近开发过程中遇到个小需求，需要根据需求动态配置一些静态数据，但我不想直接把这个静态文件引入进来，build时就会把数据打包到js文件中，造成js文件很大；呃呃。。。。（ps:就想给自己找点别扭） 回头看一下项目...
给项目添加依赖:报错operation not permitted, unlink.原来是4048
01-20
阿风在运行 npm i(给项目添加依赖)时遇到了一下报错: npm ERR! code EPERM npm ERR! syscall unlink npm ERR! path D:\Users\Megan\企业微信下载地址\WXWork\1688850487518406\Cache\File\2020-02\cmall-back1\node_...
vue框架下部署上线后刷新报404问题的解决方案(推荐)
10-17
Vue框架在部署上线后，用户在刷新页面时可能会遇到404错误，这通常是由于Vue应用采用单页应用（SPA）模式，路由处理方式与传统Web应用不同导致的。为了解决这个问题，我们需要对服务器配置进行调整，确保即使URL路径...
Vue+Koa2 打包后进行线上部署的教程详解
10-16
Vue+Koa2 的线上部署流程是一个关键环节，它涉及到前端 Vue 项目打包以及后端 Koa2 服务的配置。下面将详细讲解这个过程。 首先，Vue 项目的打包是通过 Vue CLI 3.0 来完成的。执行 `npm run build` 命令，Vue CLI ...
vscode打包时，遇到Failed to load resource: net::ERR_FILE_NOT_FOUND怎样解决
DIVINECCL的博客
04-15 3219
vscode打包时，遇到Failed to load resource: net::ERR_FILE_NOT_FOUND怎样解决 在使用vscode打包时遇到了如下问题： Failed to load resource: net::ERR_FILE_NOT_FOUND 出现这个问题是因为在webpack.config.js文件的输出路径的文件名filename中的bundle.js名称没有写对，如果不是bundle.js，就会报错，将文件名改为bundle.js，运行成功。 module.exports
vue项目打包上线时报错‘Failed to load resource: net::ERR_FILE_NOT_FOUND‘
CS_ruler的博客
07-19 2961
vue项目打包上线时报错'Failed to load resource: net::ERR_FILE_NOT_FOUND'
vue打包：Failed to load resource: net::ERR_FILE_NOT_FOUND问题
zxw939832359的博客
12-28 5259
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:
解决跨域 Failed to load resource: net::ERR_FAILED 谷歌js跨域访问
最新发布
weixin_42796730的博客
11-21 867
3.C盘下要新建有ChromeDebug名字的文件夹。2.右键属性，目标后面添加--后内容。1.复制google快捷方式。
解决浏览器出现【Failed to load resource: net::ERR_FAILED】问题
qq_40992225的博客
07-21 1万+
解决浏览器出现Failed to load resource: net::ERR_FAILED
项目正常运行，突然图片加载不出来报错Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH
dandelion_lu的博客
08-07 1万+
1、报错原因 2、看出磁盘 df -h 上面图片中，自己理解的，可能有错误，比如说 共50G 使用47G 应该是 剩余3G 占用 94%，这是个问题？ 3、知道问题所在就好说了 dh -sh * 开始执行一直报错 换成 dh -sh ./* 成功l(多试了几次 dh -sh * 也成功了，这又是个问题) 知道的小伙伴，望告知谢谢！！！ ...
vue项目build打包完报错Failed to load resource: net::ERR_FILE_NOT_FOUND或出现空白页
zhangzuruiqqq的博客
04-27 919
在项目根目录下创建vue.config.js 内容是 module.exports = { publicPath: ‘./’ } 保存 重新build打包 即可解决
解决谷歌浏览器Failed to load resource: net::ERR_FAILED问题
m0_69414585的博客
05-18 1万+
当运行一个项目，在谷歌浏览器打开时，出现一行字符，控制台报错代码如下时: 只需只需打开控制台如图，点击Lighthouse,再点击生成报告即可恢复。
failed to load resource: net::
08-17
问题描述中提到的mac微信开发工具模拟器失效的原因可能是代理设置的问题。通过将代理设置为不适用代理可能可以解决这个问题。另外，问题解决中提到了修改配置文件中的assetsPublicPath的位置，将其改为"./"。这可能是另一种解决方法。另外，问题的解决还提到了可能出现了跨域问题，可以通过查找相关的解决跨域方法来解决。使用vscode编辑器，并安装live-server插件，然后使用该插件打开html文件，选择Open with Five Server打开，可以强制将文件在同一个服务器下打开，可能也有助于解决问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [mac上failed to load resource](https://download.csdn.net/download/weixin_38657139/16215171)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [成功解决：Failed to load resource: net::ERR_FILE_NOT_FOUND](https://blog.csdn.net/weixin_43304253/article/details/126582438)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [解决浏览器出现【Failed to load resource: net::ERR_FAILED】问题](https://blog.csdn.net/qq_40992225/article/details/125907854)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值