一:babel 语法兼容
将es6语法转为es5语法,从而保障js机制正常运行。
(1)安装下载babel-polyfill
npm i babel-polyfill
(2)引入
方式一(推荐):main.js 顶部第一行
import 'babel-polyfill';
方式二:vue.config.js 中,在 chainWebpack 内添加以下代码
chainWebpack: config => {
config.entry('main').add('babel-polyfill')
config.entry.app = ['babel-polyfill', './src/main.js']
}
根目录新增babel.config.js文件,
module.exports = {
presets: [
['@vue/app', {
polyfills: [
'es6.promise',
'es6.symbol',
'es6.array.iterator',
'es6.object.assign',
],
useBuiltIns: 'entry',
}],
],
}
若方案一无法解决,采用二;
二:组件版本
报错 chunk-vender 巴拉巴拉巴拉巴拉,缺少关键字xxxxxx,类似这种的,
使用的第三方插件在当前项目出了问题,那vue项目中第三方的都在modules包中,所以看一下具体的报错问题,找到对应的插件,去降低其版本,进行尝试。
举例子:axios版本,向后兼容。 npm i axios@0.19 。
因一篇别人的文章,介绍 chunk-vender 的:https://www.coder.work/article/6855114
https://www.cnblogs.com/luoxuemei/p/14981729.html