vuejs项目兼容ie浏览器

692 ℃

问题描述:用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简单介绍vue安装和卸载方法

js如何判断浏览器是否支持html5?

常用浏览器User-Agent的各种介绍

标签: polyfill, vuejs, 兼容IE, 浏览器

上面是“vuejs项目兼容ie浏览器”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2190.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

淘宝标题关键词组合技巧有哪些?
js如何获取图片的路径(附代码介绍)
网站排名突然没了的可能原因是什么?
Thor UI移动端UI组件库中文文档官网介绍
php语法中比较运算符“==”符号怎么用