webpack vue-cli 常见问题总结

2024-03-19 18:02•杂谈•阅读 1692

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进来。