龙空技术网

关于Vue3项目在ie中白屏的解决方案(ES6语法在ie中不兼容造)

好学小王程序员 242

前言:

现在朋友们对“vue部署到服务器白屏”大体比较讲究,咱们都需要知道一些“vue部署到服务器白屏”的相关内容。那么小编也在网络上网罗了一些有关“vue部署到服务器白屏””的相关知识,希望我们能喜欢,同学们一起来了解一下吧!

虽然ie项目用的少了,但是我觉得还是发出来一版吧,万一有用上的呢,本文章就是vue3.X的在ie浏览器不支持es6语法的不兼容造成项目无法正常使用的解决方案。内容不多,但都是干货,冲!

1.安装支持包

cnpm install --save babel-polyfill cnpm install es6-promise --save

2.在大目录的main.js里边引用 (src下面)

import 'babel-polyfill'import Es6Promise from 'es6-promise'require('es6-promise').polyfill()Es6Promise.polyfill()

3.还是你的大目录vue.config.js中插入代码,没有就新建(和package.json同级)

module.exports = {    chainWebpack: config => {        config.entry.app = ['babel-polyfill', './src/main.js'];      },}

4.babel.config.js文件下添加

presets: [    [      "@vue/app",      {        "useBuiltIns": "entry",        polyfills: [          'es6.promise',          'es6.symbol'        ]      }    ]  ],

标签: #vue部署到服务器白屏