vue 项目打包报错

再执行 npm run build 之后，会生成一个dist文件夹，打开index.html，控制台报错

如下图所示：

这里是因为找不到正确的路径，导致报错。

解决办法：

1、在根目录下，新建vue.config.js文件，当然有的话，就忽略此条；

2、在vue.config.js里将publicPath: "/" 改为 publicPath: "./" ，之后重新打包，npm run build 即可。

publicPath: "/" =====>>>>>>> publicPath: "./"

至于编写的位置，可以参考下面的代码：

module.exports = {devServer: {port: 8080, // 端口号open: true},lintOnSave: false,// eslint-loader 是否在保存的时候检查publicPath: "./",// 基本路径outputDir: "dist",// 输出文件目录assetsDir: "static",//设置放置打包生成的静态资源 (js、css、img、fonts) 的目录。indexPath: 'index.html'//用于设定打包生成的 index.html 文件的存储位置
}

希望可以帮助到更多的小伙伴，也欢迎大家在评论留言！！

vue 项目打包报错相关推荐

vue 项目打包报错 CSS minification error
vue 项目打包报错 Error: CSS minification error: Lexical error 错误: CSS minification error: Lexical error on ...
解决vue项目格式报错问题_@jie
vue项目格式报错问题: 简述问题:写项目过程中格式一直报错,如下图: 第一步:在项目根目录下创建名为vue.config.js文件,如下图: 第二步:js文件中的内容,如下图: 代码如下: modu ...
electron项目打包报错
electron项目打包报错打包下载错误 Error: getaddrinfo ENOENT github-production-release-asset-2e65be.s3.amazonaws. ...
Vue项目初期报错问题记录大全
这里写自定义目录标题 Vue项目初期报错问题记录大全 1.vs终端无报错,浏览器加载空白,发现Cannot read properties of null (reading 'nextSibling' ...
Vue项目启动报错解决
Vue项目启动报错解决一.切换镜像切换为淘宝镜像:npm config set registry https://registry.npm.taobao.org 检测镜像是否切换成功:npm co ...
vue中打包报错Multiple chunks emit assets to the same filename static/js/chunk-6c337256.33476c81.js
引了几个bpmn的包,导致Jenkins部署报错,找原因一直以为是引入的包有问题,后来发现是在打包的过程中会对生成的文件切割导致文件名重复了,在vue.config.js中配置以下配置完美解决,之前我 ...
vue 项目运行报错 multiple chunks emit assts to the same filename js/401.js(chunks 401 and 401)
VUE项目运行报这个错误也没有说哪里有错误,只说有名字冲突,整个项目搜下来都没发现有相同的名字,百度也没人说.自己摸索的解决掉了.有两种情况. 情况一:如果是添加路由的时候就报这个错解决办法: 把c ...
vue打包路径.html问题,如何解决vue.js打包报错问题
该方法适用于所有品牌的电脑. vue.js打包之后遇到的坑最近在用webpack+vue写项目,经过几天的熬夜加班改BUG,终于把基本的框架给写完了,后面只要加一些小功能就可以了,太好吧!先来npm ...
Vue基础Day_01学习+Vue项目创建报错(true` in `“vueCompilerOptions“` property)解决方案
Vue_Study01 1.Vue是什么? 1.1-Vue怎么学 Vue是在工程化的环境下进行学习的 1.2-Vue开发方式 1.3-Vue脚手架项目创建目录 1.x-创建工程文件报错解决方案注意 ...

vue 项目打包报错

vue 项目打包报错相关推荐

最新文章

热门文章

vue 项目打包 报错

vue 项目打包 报错相关推荐

最新文章

热门文章

vue 项目打包报错

vue 项目打包报错相关推荐