vue cli3 创建的项目在IE11中运行，出现白屏，报错SCRIPT1003: 缺少 ‘:‘

最新推荐文章于 2023-12-06 20:24:25 发布

一只程序猿小白

最新推荐文章于 2023-12-06 20:24:25 发布

阅读量1k

点赞数 3

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/qq_42540989/article/details/113866641

版权

Vue 专栏收录该内容

32 篇文章

订阅专栏

本文详细指导如何修复Vue应用在IE浏览器的兼容问题，步骤包括安装babel-polyfill、引入polyfill、调整babel.config.js和vue.config.js，确保代码能在IE环境下正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、分析

其他浏览器打开没问题，所以是存在不兼容IE的代码。

二、问题解决

①

安装 babel-polyfill

npm install --save @babel/polyfill

②

在main.js中引入,（放最上方）

import 'babel-polyfill'

③

修改 babel.config.js

module.exports = {
  presets: [
    [
      '@vue/cli-plugin-babel/preset',
      {
        useBuiltIns: 'entry'
      }
    ]
  ],

④

修改 vue.config.js

module.exports = {
   
  // 解决npm run serve某些node_modules依赖不能被babel编译问题

  transpileDependencies: process.env.NODE_ENV === "development" ? ["*"] : [],
}