原文:vue3.0版本打包后,index.html页面显示空白怎么办

前几天写一个项目,临时需要打包出一个html文件,用 npm run build 命令打包以后发现index.html打开以后页面是空白的,出现这样的报错: 报这个错的原因其实是生成的index.html文件中引入的文件路径出现问题,需要修改 publicPath 我就去找config文件下的index.js文件,找不到,才想到vue cli . 版本搭建的项目已经把相关的设置放在了 根目录 vu ...

2020-03-26 15:58 0 1902 推荐指数:

查看详情

Vue通过build打包 打开index.html页面空白

最近在build打包vue项目遇到了几个问题,如下: 1、npm run build打包项目之后,我们通常是把dist文件里面被压缩的static文件跟index.html提交到服务器,但最近发现直接打开index.html页面空白的,还会报几个错,找不到页面路径。 原因:找到config ...

Wed Jan 23 06:43:00 CST 2019 0 4209
解决Vue项目打包打开index.html页面显示空白以及图片路径错误的问题

在config/index.js中的build命令的配置有一个属性叫assetsPublicPath,它的值为‘/’。意思是根目录,这时会从index.html所在的硬盘的根目录下开始查找,自然无法找到。 解决办法:改为‘./’这时就不再是绝对路径的根目录了,而是改为了相对路径,同目录下进行 ...

Sun Jul 28 23:17:00 CST 2019 0 547
vue3.0打包页面空白,放置服务器

vue 3.0打包页面空白,是因为打包使用的路径直接用“/”,而不是用“./”,./指的是相对路径,打包后放在服务器任何位置都行; 在vue.config.js中配置 vue3中vue.config.js 中只需要配置 ...

Thu Nov 21 17:34:00 CST 2019 0 512
react项目打包后点击index.html页面出现空白

打包之前,在 package.json 中 private 下(位置任意)添加"homepage": "./" 这样在你点击index.html时候路径没有问题不会报错,但是页面可能还是空白的 然后将项目中的引用路由时候的BrowserRouter改为HashRouter,所有用到的地方都要 ...

Sat Dec 12 21:05:00 CST 2020 0 1177
如何解决vue2.0 打包之后 打开index.html出现空白

如何解决vue2.0 打包之后 打开index.html出现空白页 1.打包之前修改三个文件 1.1.第一步,找到build文件,在webpack.prod.conf.js 第25行左右 有一个对象为 output,在这里面增加一行代码 publicPath ...

Wed Aug 21 02:17:00 CST 2019 0 1750
vue3.0以上关于打包出现空白页和路由不起作用

1.解决页面空白,找不到资源 在项目根目录中的vue.config.js中publicPath: '/'修改为publicPath: './',如果没有这个文件,新建一个,基础代码为: 2.解决路由不起作用: 将路由中的红框里面的注释掉,或者将history模式更改 ...

Fri Aug 23 18:38:00 CST 2019 0 1517
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM