webpack babel IE 11 报错解决方案

怼烎@ 2022-05-17 09:47 437阅读 0赞

在最近一段时间的工作中，出现了多次，webKit内核可以加载，但是IE内核无法加载的情况。

深入研究并解决后，却发现他们基本上都是一类问题。

解决方法：

1、在main.js中，引入`babel-polyfill`

import 'babel-polyfill';

2、在bable-loader中，加入报错的模块

{ test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client'), resolve('node_modules/@cityworks/cw3d-cm')] },

include 表示哪些目录中的 .js 文件需要进行 babel-loader

exclude 表示哪些目录中的 .js 文件不要进行 babel-loader

3、修改.babelrc

{
      "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] } }], "stage-2" ],
      "plugins": ["transform-vue-jsx", "transform-runtime"],
      "env": { "test": { "presets": ["env", "stage-2"], "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"] } } }

.babelrc配置参考链接：[https://excaliburhan.com/post/babel-preset-and-plugins.html][https_excaliburhan.com_post_babel-preset-and-plugins.html]

[https_excaliburhan.com_post_babel-preset-and-plugins.html]: https://excaliburhan.com/post/babel-preset-and-plugins.html

发表评论取消回复

表情：

评论列表（有 0 条评论，437人围观）

还没有评论，来说两句吧...

相关阅读

相关 Cannot find module ‘babel-plugin-xxxx‘ 报错解决方案

例如 `Cannot find module 'babel-plugin-transform-vue-jsx` 或 `Cannot find module 'babel-plu

秒速五厘米/ 2023年02月27日 10:45/ 0 赞/ 51 阅读

相关 webpack报错总结

ValidationError: Invalid options object. CSS Loader has been initialized using an option

本是古典何须时尚/ 2022年11月03日 14:28/ 0 赞/ 307 阅读

相关 React Webpack配置babel 报错 Invalid configuration object. Webpack has been initialised using a configu

使用node来安装react, babel webpack.fonfig.js 配置报错:Invalid configuration object. Webpack

心已赠人/ 2022年05月22日 08:25/ 0 赞/ 289 阅读

相关 webpack生产环境下，babel编译器报错，提示removing-babels-stage-presets

webpack生产环境下，babel编译器报错，提示removing-babels-stage-presets 官方更新了babel的配置说明，链接如下[https:/

r囧r小猫/ 2022年05月18日 08:57/ 0 赞/ 143 阅读

相关 webpack babel IE 11 报错解决方案

在最近一段时间的工作中，出现了多次，webKit内核可以加载，但是IE内核无法加载的情况。深入研究并解决后，却发现他们基本上都是一类问题。解决方法： 1、在main.

怼烎@/ 2022年05月17日 09:47/ 0 赞/ 438 阅读

相关安装webpack报错及解决办法

安装webpack的时候，发现没有指定安装版本（我需要低版本的），然后卸载重装。第一步：卸载删除全局webpack npm uninstall webpa

电玩女神/ 2022年03月18日 16:40/ 0 赞/ 1678 阅读

相关 webpack运行报错 webpack-dev-server.... 解决方法

报错情况： The CLI moved into a separate package: webpack-cli. Please install 'web

女爷i/ 2021年09月30日 10:48/ 0 赞/ 1648 阅读

相关 ie304报错解决方案

解决方案： 1.直接在请求地址后面加一个时间戳或者是随机数如：url: 'user/address?' + Math.random(), 2.禁止缓存 ①前端页面禁止

待我称王封你为后i/ 2021年09月15日 13:34/ 0 赞/ 566 阅读

相关 mac下安装webpack报错解决方案

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

素颜马尾好姑娘i/ 2021年07月25日 22:32/ 0 赞/ 771 阅读

相关 flutter 启动报错解决方案

遇到如下错误,flutter clean->fluttter run ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_sha

缺乏、安全感/ 2021年07月25日 02:36/ 0 赞/ 799 阅读