关于vue3.0编译后显示空白页的问题

先说一下我遇到的问题

我用的vue3.0搭建的项目,本来项目前期开发好好的。也能正常serve。但是项目要上线的时候,build过后,运行本地的dist里面的index,显示空白页面,而且还报错,错误的原因是我根本没把资源文件加载成功。
报错如下,并且好好的项目,怎么都不能运行
在这里插入图片描述
于是乎,我开始在网上各种搜索,寻求解决方法。但是有没有用,整到快下午的时候。发现其实是自己vue.config.js里面的module.exports = {}配置根本没有任何作用。我有开始用console.log(“开始打包”)这个方法,验证哪里不走。
在这里插入图片描述
这波验证,还真发现问题。原来我的webpack根本没有用,原因是我的webpack没有引用jquery。当然首先要安装webpack,再安装jquery,然后再进行配置。以上是我的问题。比较傻也比较特殊。

下面我先介绍几种常见的方法

一、vue.config.js配置基本路径

  • 如果你没有配置vue.config.js请参考这篇,因为vue3.0的配置文件必须自己写:
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值