1、babel.config.js里面修改为
module.exports = { presets: [ [ '@vue/app', { useBuiltIns: 'entry' } ] ] };
2、在vue.config.js里面增加
// publicPath: process.env.NODE_ENV === "production" ? "./" : "./", // 默认情况下 babel-loader 会忽略所有 node_modules 中的文件。 // 如果你想要通过 Babel 显式转译一个依赖,可以在这个选项中列出来
module.exports = {
transpileDependencies: process.env.NODE_ENV === "development" ? ["*"] : [],
chainWebpack(config) {
config.entry.app = ["babel-polyfill", "./src/main.js"]; config.module.rule('compile') .test(/\.js$/) .include .add(resolve('src')) .add(resolve('test')) .add(resolve('node_modules/webpack-dev-server/client')) .add(resolve('node_modules')) .end() .use('babel') .loader('babel-loader') .options({ presets: [ ['@babel/preset-env', { modules: false }] ] });
}
}
3、main.js里面增加
import 'babel-polyfill' import Es6Promise from 'es6-promise' require('es6-promise').polyfill() Es6Promise.polyfill()
4、package.json里面增加
(1)
"browserslist": [ "> 1%", "last 2 versions", "not ie<10" ],
(2)
下载相关依赖包
最后重启项目就可以啦~