vue项目解决打包后index.html里面的引入文件没有引号问题总结

最新推荐文章于 2025-05-11 22:08:26 发布
最新推荐文章于 2025-05-11 22:08:26 发布
阅读量1.5k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： webPc 文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34917408/article/details/110957383
本文总结了Vue项目在打包后，index.html中引入文件缺少引号的问题及其解决方案。通过编辑vue.config.js文件，添加特定配置，可以确保打包后的项目正常运行。

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

vue项目解决打包后index.html里面的引入文件没有引号问题总结

1.业务需求：
  • vue项目打包后，index.html里面的引入文件没有引号，导致打包后的项目不能正常运行。
2.解决方案：

  • 在项目找到vue.config.js文件，然后添加如下代码：

  •     chainWebpack: config => {
     
     
      config.plugin('html').tap
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Vue打包后引用的JavaScript文件丢失
PixelLancer的博客
09-27 3469
在Vue项目中，引用的JavaScript文件丢失可能会导致应用程序无法正常运行。在解决此问题时，我们应该检查文件路径设置、构建配置选项以及依赖项的兼容性和完整性。通过仔细检查并采取适当的解决方案，可以修复引用的JavaScript文件丢失的问题，确保应用程序的正常运行。希望本文对你有所帮助！如果你对这个问题有更多疑问，请随时提问。
传统html+vue+elementUI开发&nodeJS环境搭建
m0_67890177的博客
04-30 606
ElementUI简介 我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的, 所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件 ElementUI官网：http://element-cn.eleme.io/#/zh-CN 注1：类似前端框架还有iview Vue+ElementUI安装 CDN方式 <!-- 1. 导入css ...
解决vue项目打包后index.html标签属性没有双引号的问题
wjlhanhan的博客
11-01 2798
记录一个vue项目打包时的大坑，因为需要在index.html里加入一些自定义的东西，结果打包后相关属性都没有双引号，最后各种百度谷歌终于解决了，哈哈（我用的vue-cli4） vue-cli4配置和低于4的配置有些不同，4只用一个vue.config.js基本就行了 1.百度上搜索的有些人这么解决的（vue-cli4以下） 找到webpack.prod.conf.js文件，加上removeAttributeQuotes: false; new HtmlWebpackPlugin({ filen
Webpack打包vue项目后发现index.html为空白
最新发布
EdgeWorld的博客
05-11 344
之后我发现其中也有history出现，但不能像上面那样直接修改history为hash，而是需要注意到'vue-router'中还有一个函数是‘createWebHashHistory’，将原来代码的‘createWebHistory’函数替换掉，得到。此时再重新运行npm run build，得到的index.html不再是空白。今天在用Webpack打包vue3项目后，发现index.html一直是空白，于是我在网上找到该方法：修改相对路径 “/” -> “./”，
VUE 项目打包后好index.html中没有引号问题
weixin_45243540的博客
10-23 1047
VUE 项目打包后好index.html中没有引号问题 找到webpack.prod.conf.js文件，加上removeAttributeQuotes: false new HtmlWebpackPlugin({ filename: process.env.NODE_ENV === 'testing' ? 'index.html' : config....
vue-cli webpack打包后index.html引入文件没有引号
i_coffer的博客
07-11 6781
在对vue-cli项目打包后出现index.html引入的css和js没有引号 即：&lt;link href=/https/blog.csdn.net/css/xxx.css rel="stylesheet"&gt;解决办法：找到webpack.prod.conf.js，在webpack.prod.conf.js找到minify把minify中的  removeAttributeQuotes: true改为 removeAttribu...
index.html引入的css和js没有引号
weixin_40918145的博客
09-26 963
vue build项目部署到线上之后，index.html文件一直报如下错误，仔细看后发现，是由于文件引入资源的时候，很多需要有引号的地方没有了，原来是打包出了问题 在对vue-cli项目打包后出现index.html引入的css和js没有引号 即： &lt;link href=/https/blog.csdn.net/css/xxx.css rel=stylesheet&gt; 解决办法： 找到webpack.prod.c...
vue-cli4创建的项目打包之后，index.html打不开
自由如风hsj的博客
09-02 1531
使用vue-cli4创建的项目，直接执行npm run build打包，点开dist文件夹中index.html文件，会报错打不开！ 显示的报错大概为： 解决办法： 在vue.config.js中加入一行代码即可 module.exports={ publicPath:"./", //用法和webpack本身的output.publickPath用法一致 } ...
在vue项目中引入高德地图及其UI组件的方法
10-18
集成的第一步通常是在项目的入口文件index.html中添加高德地图的JavaScript API引用。具体操作是在index.html文件中添加一个标签，其src属性为高德地图API的地址，并将申请到的API Key填入到URL中，格式为：***你的...
vue项目上传Github预览的实现示例
10-17
3. 修改webpack配置文件：如果打包生成的dist文件夹下的index.html文件在引入文件时没有使用引号，需要在build文件夹下找到webpack.prod.conf.js文件，并将newHtmlWebpackPlugin配置中的minify选项中的...
vue3系统项目架构搭建（vite+vue3+ts+pinia+vueuse+elPlus）；结合网上指导以及自身构建后采坑的心得，可闭眼入
Web_Sam的博客
02-16 840
vue3系统项目架构搭建（vite+vue3+ts+pinia+vueuse+elPlus）；结合网上指导以及自身构建后采坑的心得，可闭眼入
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
01-19
Vue项目运行npm run build后会生成一个dist文件夹，我们一般都是把这个文件夹部署到服务器上。dist文件夹里边有一个static文件和一个index.html页面，这个index就是最后单页面的最终文件。 问题一：我在打包完成后，打开index.html文件发现地址并没有携带路由。 这样的话页面就是空白了，因为没有组件被添加到页面中。打开F12会看到一堆的红色failed请求。打开请求地址是这样的。 进入D盘就开始寻找static文件夹当然是找不到的。既然知道了是打包之后寻找文件的地址错误，就去config文件夹下的index.js中寻找问题。index.js中的bui
vue2项目打包好之后index.html为空白
前端开发小白9527
01-05 1265
vue项目打包成功后生成dist文件，在dist文件里的index.html页面打开是空白的，并且控制台报错： 报错的原因在于index.html页面里引入文件的路径有问题 我们可以在官网上找到vue cli的配置参考 解决方案：在vue根目录下创建vue.config.js文件在里面 module.exports = { publicPath: './', }; vue2.0 打包之后 打开index.html出现空白页 1.打包之前修改三个文件 1.1.第一步，找到build文件，在w..
记录 vue-cli build 打包之后的问题
Qlily_ing的博客
09-28 1455
1.打包之后首页没有双引号的问题 在 build 的webpack.prod.conf.js 下 ，修改 removeAttributeQuotes，改为 false     2. 首页路径的问题 config 中index.js   assetsPublicPath 修改   改为  ：   assetsPublicPath: './',     3. 再者打不开 可能是 在ro...
vue打包之后遇到的双引号消失的问题
岁月如歌去，十年弹指间
03-16 2852
vue打包之后遇到的双引号消失的问题 打包之后html中css路径的双引号都没有了，但是想让他出来怎么办么？ 默认的时候 removeAttributeQuotes:true;//改为false即可 ...
Vite + Vue3 + Ts 解决打包生成的index.html页面 显示空白、报资源跨域、找不到资源、404-Page Not Found等错误
沐枫
01-04 2万+
Vite3 + Vue3 + Ts 解决打包生成的index.html页面显示空白、报资源跨域、找不到资源、404-Page Not Found等错误。 在用Vue3 + Ts进行项目开发，通过Vite进行构建打包后，直接在本地以文件系统的方式，用浏览器直接打开dist目录下的index.html文件访问时，浏览器页面显示空白、打开控制台后有报错、应该路径找不到对应的文件。
解决Vue项目打包后dist中的index.html用浏览器直接打开显示空白页的问题
热门推荐
青春木鱼的博客
07-14 2万+
三种方案解决Vue项目打包后dist中的index.html用浏览器无法直接打开的问题
vue.config 配置
tp27933的博客
09-25 1035
這裡記錄下 練習vue時用到的config const path = require('path') function resolve (dir) { return path.join(__dirname, '.', dir) } module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '' : '/', outputDir: process.env.NODE_ENV === 'production' ?
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

木屋x

你的鼓励将是我创作的最大动力！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值