vue build 后页面空白

news/2024/7/10 3:15:22 标签: vue, npm

新建了一个Vue 项目,本地运行正常,build后放到服务器,页面空白,没有报错,以前因为根路径问题出现过空白页,但是基本都会,报404,这次没报错,检查路径配置

publicPath: './', 也没问题,去空白页看了下,发现有app标签,但是标签里是空的,就去router里看了下,发现这次建的router和之前不一样,默认使用了history模式,项目不是在根路径下,
所以就出现空白页了。
解决办法 1.将history模式换回hash。2.将history模式下的base路径根据服务器的路径配置。

到这里问题是解决了,本地build没问题,服务器build报错了,错误提示:
Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree.
看提示应该是vue-loader问题,但是我本地build没问题呀,想想貌似手贱,刚把npm 升级了
查看下本地npm和服务器的版本,我本地的高了点,package-lock.json中多了个
"vue-loader-v16": "npm:vue-loader@^16.1.0",
注销掉,提交build,总算OK了

http://www.niftyadmin.cn/n/806587.html

相关文章

个人开发者副业挣钱之道!我真的没有骗你

晓衡的营业执照终于办理下来了,之前有点点小激动,营业执照忘记打码,感谢大家提醒!有了营业执照,不论是公众号认证、微店认证还是微店商城小程序,都会有更多的功能可以使用和开发,这将能更好地为…

.net安装包自动安装Mysql数据库

在制作.Net安装包的时候,如果项目有用到数据库,怎么能够把数据库打包安装呢?网上已经有很多自动安装Sql Server数据库的例子,但是自动安装mysql的例子似乎不多。本文就介绍一下如何在.Net安装包中自动安装Mysql数据库。 最终我们要…

Could not find a getter for userState in class com.zj.entity.Users

可能原因如下: 1.没有写get方法或者get方法有错误,建议重新生成。(ps:我的就是get方法不对) 2.*.hmb.xml文件未配置好,注意路径是否正确 3.其他原因(欢迎补充)

非关系型数据库MangoDB(一):SpringBoot整合MangoDB查询与特性

前言:本文为原创 若有错误欢迎评论! 一.基本介绍 1.安装 请参考后面博客的centos安装应用的博客:https://blog.csdn.net/weixin_43934607/article/details/100538881 2.使用场景 Mongodb性能好 但有丢失数据的可能(不是缓存 是…

webstorm git和SVN切换

新建一个Vue项目,项目默认的版本管理工具是Git,但是项目要使用SVN,之前替换过,时间久了忘掉了,这次记录下。 1.删除项目中的 .git文件夹 2.这时系统提示错误,点进去,也可以从 setting >> …

主攻ASP.NET.4.5.1 MVC5.0之重生:创建UIHelper通用自定义分页和选择开关与PagesHelper和IsSelect简单用法...

helper放入地方 分页效果 选择开关编辑调用 <dl><dd class"dc1">是否主管&#xff1a;</dd><dd>UIHelper.IsSelect("IsManager",Model.IsManager.ToString());</dd></dl> 分页调用 <div class"rg5">U…

筑基2期来了,鼓励师阵容强大!同学更是了不得(送封面啦)

太多人要求送文章封面&#xff0c;晓衡辛苦收藏&#xff0c;送了送了&#xff0c;请饶了我&#xff01;不要在后台发了&#xff01;Creator 修仙模拟三步曲&#xff1a;筑基—软件运用辟谷—设计思维金丹—编程开发昨天我们的【辟谷】1 期开营&#xff0c;除了晓衡做主讲外&…

eclipse复制(拷贝)javaweb项目报错404

拷贝项目并进行重命名&#xff0c;在项目部署的时候&#xff0c;却捕获不到新项目的请求&#xff0c;页面显示为404 原因是&#xff1a;虽然进行了重命名&#xff0c;但是新复制的web项目是按照原来的项目路径去访问。 解决&#xff1a;新复制的项目→右键→选择“Protertie…