vue cli3 打包到tomcat上报错问题

Posted 人在路途

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue cli3 打包到tomcat上报错问题相关的知识,希望对你有一定的参考价值。

首先  项目打包步骤   

1、vue config.js  添加

  publicPath: ‘./‘, // 公共路径

 assetsDir:‘static‘,

2、将代理注释掉

proxy

 

 

 

报错:

一直报错误  

原因:代码写的有错误

例如

这种写法是错误  打包的时候报错

const baseAdd = {
    "canClickSelf":true,
    "title": "添加",
    "icon":"icon_tianjia",
    "category": 2 // 0:BI模板库 1:BI页面库 2:组态图元库 3:组合块库 4:组态模板库 5:组态页面库
}

exports.baseAdd = baseAdd

 

需要改成

export const baseAdd = {
    "canClickSelf":true,
    "title": "添加",
    "icon":"icon_tianjia",
    "category": 2 // 0:BI模板库 1:BI页面库 2:组态图元库 3:组合块库 4:组态模板库 5:组态页面库
}

// exports.baseAdd = baseAdd
// exports.basePorp = basePorp

 

 

这种也是一样会报错  会报exports为undefined

class WebSocketObj {
      /**

}

exports.WebSocketObj=WebSocketObj

正确应该修改成

 

  /**
   * 封装好的websocket对象,包含心跳检测和websocket的重连
   */
  export default class WebSocketObj {

}

报错问题解决

 

以上是关于vue cli3 打包到tomcat上报错问题的主要内容,如果未能解决你的问题,请参考以下文章

vue项目打包后部署线上报错解决

vue cli3打包后看不见页面

war包部署到linux服务器上报错Caused by: java.lang.IllegalArgumentException

vue cli3打包后文件特别大

vue/cli3项目运行报错sockjs-node/info解决方案

浅谈vue cli2 与 vue cli3