先说一下我遇到的问题
我用的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的配置文件必须自己写: