vue 项目打包 报错_vue中build中打包出错

再执行 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 文件的存储位置
}

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