今天遇到了vue项目在IE11下显示空白的地方，第一个反应是兼容性，然后仔细检查了一下项目，然后发现没有去安装babel-polyfill，所以就第一时间去安装：

npm install babel-polyfill -D

然后在main.js里引入（一般放在首行）：

import 'babel-polyfill'

然后在webpack.config.base.js里：

entry: {
	app:  ['babel-polyfill', './src/main.js']
}

// 在loader里还有最重要的一步，就是把有ES6语法的js文件所在的文件夹都需要包含进去，
// 这样才能保证将所有的ES6语法都编译成ES5的
{
	test: /\.js$/,
	loader: 'babel-loader',
	include: [
			resolve('src'),
			resolve(''test),
			resolve('mock')
		]
}

这样就OK了，页面能正常显示在IE11了。

公众号：Coder 杂谈，欢迎关注
在这里插入图片描述

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue