在网上找了很多方法去解决,都不行,最后在崩溃的边缘成功了,在此总结记录一下。
第一步,vue cli4会自带core-js依赖,可以在package.json中查看是否有依赖,有的话直接在main.js中引入这两个。
//main.js文件import 'core-js/stable'import 'regenerator-runtime/runtime'
第二步,在babel.config.js中写入如下,注意cli4必须写@vue/cli-plugin-babel/preset。cli3写的是@vue/app(我在这个上边栽过)
//babel.config.jsmodule.exports = {presets: [["@vue/cli-plugin-babel/preset",{useBuiltIns: "entry"}]]}
加入后再次运行项目,看页面上报的是哪个错,在当前错误提示的末尾找到错误对应的包名(不是整个界面的最后一行),然后将transpileDependencies:['vuex-persist']写入vue.config.js的module.exports中(我这是vuex-persist报错),再次测试,如果还有包报错,继续添加包名到transpileDependencies中
//vue.config.jstranspileDependencies:['vuex-persist'],
添加完后,重启项目,页面访问,它不白了,它终于好了,啦~
保持心态,勇敢牛牛,不怕困难!