当你高高兴兴的写完了页面,谷歌完美运行,但是到了ie,“SCRIPT1006:缺少‘)’,”SCRIPT1004: 缺少 ‘;’,你以为是真的缺少这些东西吗?不,你错了,只是编译出了问题罢了。
vue-cli其是兼容ie的,前提是你写的代码都是es5,因为ie不支持es6,如果你使用了箭头函数,let等es6新语法,那么ie你就需要下载一个babel-polyfill插件。
这个插件的作用就是将es6转为es5.
首先npm i babel-polyfill --save
安装完成后,在main.js中 import “babel-polyfill”
然后在webpack.base.config.js中修改如下

module.exports = {
  context: path.resolve(__dirname, '../'),
  entry: {
    app: ["babel-polyfill", "./src/main.js"]
  },

如果你没有引入新的插件,那么恭喜了,现在可以在ie打开了。
如果你引入了新的插件如 vue-echarts,
那么还是在webpack.base.config.js中修改如下:

{
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test'),
          resolve('node_modules/webpack-dev-server/client'),
          resolve('node_modules/vue-echarts'),
          resolve('node_modules/resize-detector')]
      },

这里的意思是将目录下的代码以es5的方式编译,若你在static下也是写了js文件(有es6语法),那么也需要resolve(‘static’)
最后,记得重启项目,需要重新编译。

Logo

前往低代码交流专区

更多推荐