webpack vue-cli 常見問題總結

 1. webpack打包壓縮 ES6 js、.vue報錯：

ERROR in js/test.js from UglifyJs
Unexpected token punc ?(?, expected punc ?:? [js/test.js:1374,5]

這個問題一般是由於js用了es6的寫法，uglifyJs 不支持壓縮出錯。

解決辦法：

1 查看是否有使用babel轉換。  打開webpack.base.conf.js 

      {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test'),resolve('public')]
      },

　　檢查include裏是否包含了你的代碼。

2 查看轉換的版本是不是es2015

 

配置babel，把配置放到文件【.babelrc】中

 {
"presets": ["es2015"]
}

　　

 

2. Cannot read property 'install' of undefined

at Function.Vue.use (vue.esm.js?65d7:4343)

 

出現這個報錯 是由於 vue.use了一個不存在的組件。沒有install方法。因此要排查是哪一個插件沒有import進來。