问题描述:用vuejs
做的项目需要兼容ie9
浏览器及以上浏览器,但是在ie9浏览器上运行直接报错,下面给大家介绍一下解决方法!
1、先安装插件
//babel-polyfill
npm install babel-polyfill --save-dev
//es6-promise
npm install es6-promise --save-dev
2、build文件夹下webpack.base.conf.js修改代码
module.exports = {
entry: {
app: './src/main.js'
},
//改成
module.exports = {
context: path.resolve(__dirname, '../'),
entry: {
app:['babel-polyfill','./src/main.js']
},
output: {
path: config.build.assetsRoot,
filename: '[name].js',
publicPath: process.env.NODE_ENV === 'production'
? config.build.assetsPublicPath
: config.dev.assetsPublicPath
},
3、main.js引入
import "babel-polyfill";
import promise from "es6-promise";
promise.polyfill();
以上是编程学习网小编为您介绍的“vuejs项目兼容ie浏览器”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vuejs项目兼容ie浏览器
基础教程推荐
猜你喜欢
- 浅谈解决space-evenly兼容性问题的两种方法 2024-04-09
- JScript内置对象Array中元素的删除方法 2024-01-07
- css 限定GridView宽度并加上滚动条 2024-03-09
- div css 实现tabs标签的思路及示例代码 2024-01-04
- php – 在MySQL中存储html的100%安全方式 2023-10-26
- Ajax提交表单页面刷新很快的解决方法 2023-01-26
- SpringMVC+Ajax+拼接html字符串实例代码 2023-01-31
- css等比例分割父级容器(完美三等分)的实现 2024-03-09
- 第3天:定义语言编码 2022-11-04
- alt属性和title属性 2022-10-16