您现在的位置是：首页 > 科技 > 正文

👨‍💻✨Vue-cli项目在IE浏览器打开报错？手把手教你解决！

发布时间：2025-03-21 12:23:06傅林翔来源：

导读最近有小伙伴反馈，使用 Vue CLI 搭建的 Vue2 项目，在 IE 浏览器上打开时直接报错，页面完全无法正常加载。别急，这其实是由于 Vu

最近有小伙伴反馈，使用 Vue CLI 搭建的 Vue2 项目，在 IE 浏览器上打开时直接报错，页面完全无法正常加载。别急，这其实是由于 Vue2 对低版本浏览器支持有限，且项目未正确配置兼容性导致的！以下是具体解决方法👇：

首先，确保你的项目安装了 `babel-polyfill` 和 `core-js`，它们能帮助补全 IE 缺少的一些 ES6+ 特性。运行以下命令：

```bash

npm install --save babel-polyfill core-js

```

然后，在 `src/main.js` 文件中引入 polyfill：

```javascript

import 'babel-polyfill'

import Vue from 'vue'

import App from './App.vue'

new Vue({

render: h => h(App),

}).$mount('app')

```

最后，别忘了修改 Babel 配置文件 `.babelrc`，添加 `useBuiltIns: entry`：

```json

{

"presets": [

["env", { "targets": { "ie": "9" }, "useBuiltIns": "entry" }]

]

}

```

完成以上步骤后重新启动项目，刷新 IE 浏览器，是不是发现一切恢复正常啦？💪🎉

记得以后开发时也要多测试低版本浏览器哦！_IE 问题终结者上线！_

标签：