vue 项目打包 报错

vue 项目打包 报错再执行npmrunbuild之后,会生成一个dist文件夹,打开index.html,控制台报错如下图所示:这里是因为找不到正确的路径,导致报错。解决办法:1、在根目录下,新建vue.config.js文件,当然有的话,就忽略此条;2、在vue.config.js里将publicPath:”/”改为publicPath:”./”,之后重新打包,npmrunbuild即可。publicPath:”/”=====>&gt…

大家好,欢迎来到IT知识分享网。

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

vue 项目打包 报错

 如下图所示:

vue 项目打包 报错

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

解决办法:

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

vue 项目打包 报错

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

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

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/14929.html

(0)
上一篇 2024-02-22 18:26
下一篇 2024-02-23 08:15

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信