vue兼容IE浏览器

    xiaoxiao2022-07-04  135

    1、安装babel-polyfill npm install --save babel-polyfill

    安装成功后在package.json中显示相关依赖;2、在main.js中引入babel-polyfill import 'babel-polyfill'3、在index.html中加入以下代码(选择项) <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">4、在config中的webpack.base.conf.js中修改module.exports中配置 entry:{   app:['babel-polyfill','./src/main.js']  // 修改前 app: '/src/main.js' }

    5、如果还未解决,说明是项目插件问题

    检查项目中各个插件是否是es6语法若通过babel-polyfill未能转换成es5,则换插件,下面以element-ui为例进行说明

    module:{

    rule:{

    { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test'), resolve('node_modules/element-ui/src')] },
    最新回复(0)