此时，页面是空白的。错误原因Babel默认只转换新的JavaScript语法(比如arrow函数)，而不转换新的API，比如迭代器、生成器、Set、Maps、Proxy、Reflect、Symbol、Promise等新的对象或方法。 如Promise，新的原生方法如String.padStart(左填充)等。 为了解决这个问题，我们使用了一种叫做Polyfill(代码填充，也可以翻译为兼容性补丁)的技术。 简单来说，兼容性问题就是IE不支持es6的一些新对象和表达式，解决方法就是使用babel-polyfill正常使用ES6。 什么是Polyfill？比如有些老浏览器不支持Number.isNaN方法，Polyfill可以是这样的:if(！number . isnan){ number . isnan = function(num){ return(num！= = num)；}} }}Polyfill是类似于这个API的兼容性问题的解决方案。1.使用巴别塔-多聚填料介绍巴别塔-多聚填料NPM I-S巴别塔-多聚填料。如何使用需要在你的应用入口点顶部或者打包配置中介绍。 在main.js中导入“babel-polyfill”或在config: {app: ['babel-polyfill '，'中修改webpack.base.conf.js中的配置条目。/src/main.js']} 2。在index.html中添加以下代码(不需要)< meta http-equiv = " X-UA-Compatible " content = " IE = edge，chrome = 1 " & gt3.babel-loader指定是否将多填充添加到模块代码转换或报告错误。一般使用第三方的ui框架、库、插件，这些ui框架、库、插件的底层都有es6语法。 在webpack.base.conf.js中查找babel-loader例如，我在这里使用了element-ui和v-charts，并修改如下:{test:/\。js $/、loader:' babel-loader '，包含:[ resolve('src ')、Resolve(' node _ modules/web pack-dev-server/client ')、Resolve(' node _ modules/v-charts/src ')、Resolve(' node _ modules/vue-awesome ')、Resolve(' node _ modules/element-ui/packages ')、Resolve(' node _ modules/element-ui/src ')))4 .包装问题。如果是webpack代码打包错误，通常可以在github webpack问题中找到答案。此错误是由于webpack-dev-server版本问题image5，Babel配置。babelrc文件。babelrc是Babel的配置文件，放在项目的根目录下。 通常情况下。babelrc文件不需要修改。如果以上都做了，报错，可以看看官网文档配置文件镜像。在项目使用vue-cli生成的代码中，根目录下有一个. babelrc文件。 在默认生成的模板内容中，添加“使用构建”:“条目”，这是一个指定哪些内容需要多填充(兼容)的设置。使用构建有三种设置:false-什么都不做条目-根据浏览器版本的支持拆分和引入polyfill需求。只引入浏览器不支持的polyfillusage检测代码中ES6/7/8的用法，只加载polyfill {"presets": [["env "，{"modules": false，" use buildings": "entry"}]代码中使用的" stage-2" ]" plugins": [" transform-runtime "，" transform-vue-jsx"]，" env": { "test": { "presets": ["env "，" stage-2 "]，" plugins ":["伊斯坦布尔"]}}详情请参考用vue写的项目最多能兼容IE9及以上版本。2.使用babel-polyfill3。指定ui框架，库，插件路径4，配置，这是一个很强大的东西。babelrc文件5和第三方的Babel将在babel-loader中进行代码转换。https://www.babeljs.cn/补充:问题:ie浏览器autoprefixer自动完成css前缀无效处理方法:ie发现使用inline style，autoprefixer无法生效，需要写入style标签中。 问题:ie10打开包时有语法错误。如图，图像处理方法点击app.js跳转到报错的位置。如图，image发现最后一行有一个导入文件，所以错误一定是锁定在导入的文件中。 打开common.js，检查语法，发现一个变量定义使用了ES6的语法let。 所以导入的文件和插件都不行。 没有ES6到ES5。 然后修改后，问题处理完毕。 这就是本文的全部内容。希望对大家的学习有帮助，也希望大家能支持剧本之家。