问题描述:用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浏览器
基础教程推荐
猜你喜欢
- JavaScript将相对地址转换为绝对地址示例代码 2023-12-28
- Ubuntu16.04环境下Vim 配置 for HTML,CSS,JAVASCRIPT(1) 2023-10-27
- Ajax邮箱、用户名唯一性验证实例代码 2023-02-14
- 纯html+css实现奥运五环的示例代码 2022-09-21
- 实现AJAX异步调用和局部刷新的基本步骤 2023-02-23
- CSS的pointer-events属性详细介绍(作用和注意事项) 2023-12-20
- css各种cursor鼠标样式介绍 2024-12-13
- 关于 css:带有 SVG 文本动画 (CSS3) 的工件 2022-09-21
- 纯CSS实现一个简单步骤条的示例代码 2024-01-16
- vue项目的package.json配置详解 2023-10-08
