admin管理员组

文章数量:1130349

在网上找了很多方法去解决，都不行，最后在崩溃的边缘成功了，在此总结记录一下。

第一步，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.js
module.exports = {
  presets: [
    [
      "@vue/cli-plugin-babel/preset",
      {useBuiltIns: "entry"}
    ]
  ]
}

加入后再次运行项目，看页面上报的是哪个错，在当前错误提示的末尾找到错误对应的包名（不是整个界面的最后一行），然后将transpileDependencies:['vuex-persist']写入vue.config.js的module.exports中（我这是vuex-persist报错），再次测试，如果还有包报错，继续添加包名到transpileDependencies中

//vue.config.js
transpileDependencies:['vuex-persist'],

 

添加完后，重启项目，页面访问，它不白了，它终于好了，啦~

保持心态，勇敢牛牛，不怕困难！ 

在网上找了很多方法去解决，都不行，最后在崩溃的边缘成功了，在此总结记录一下。

第一步，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.js
module.exports = {
  presets: [
    [
      "@vue/cli-plugin-babel/preset",
      {useBuiltIns: "entry"}
    ]
  ]
}

加入后再次运行项目，看页面上报的是哪个错，在当前错误提示的末尾找到错误对应的包名（不是整个界面的最后一行），然后将transpileDependencies:['vuex-persist']写入vue.config.js的module.exports中（我这是vuex-persist报错），再次测试，如果还有包报错，继续添加包名到transpileDependencies中

//vue.config.js
transpileDependencies:['vuex-persist'],

 

添加完后，重启项目，页面访问，它不白了，它终于好了，啦~

保持心态，勇敢牛牛，不怕困难！ 

本文标签： 空白语法错误模式页面Vue

版权声明：本文标题：vue cli4 使用360兼容模式和IE11页面空白报 SCRIPT1002：语法错误 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1755025007a2754786.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。