Heinrich's_Law 2020-03-25 17:22 采纳率: 33.3%
浏览 524

为了兼容ie11在webpack+babel打包vue.js后发现报错"ReferenceError: “i”未定义"

问题:使用webpack+babel打包es6=>es5,运行打包后的项目报错"ReferenceError: “i”未定义",页面空白,babel-polyfill已经引入。

!!!!但是,在Chrome中可以正常运行不报错说明应该不是代码问题,那就应该还是打包的问题吧,请大佬指点指点!!!!!!!

报错

图片说明

webpack配置

图片说明

babelrc配置

图片说明

代码中引入方式

第一张图的vue引入报错,第二张图居然没报错

图片说明图片说明


菜鸡在此,请各位赐教

  • 写回答

1条回答 默认 最新

  • lshen01 2023-03-17 02:17
    关注

    参考GPT和自己的思路:

    根据你提供的信息,可能是以下原因导致报错:

    1. babel-polyfill的引入方式不正确:babel-polyfill应该在应用程序的入口点(entry point)处 import 或 require;

    2. webpack配置中没有正确引入babel-polyfill:可以尝试在webpack的entry中添加babel-polyfill依赖,例如:

      entry: [
        'babel-polyfill',
        './src/index.js'
      ]
      

      也可以使用babel-preset-env的useBuiltIns选项来按需引入polyfill。在babelrc配置文件中添加useBuiltIns选项,并将其值设置为'usage',例如:

      {
        "presets": [
          ["env", {
            "useBuiltIns": "usage"
          }]
        ]
      }
      
    3. babelrc配置文件中的preset-env选项没有正确配置:可以尝试将预设preset-env中的targets选项更改为{'ie': '11'},例如:

      {
        "presets": [
          ["env", {
            "targets": {
              "ie": "11"
            }
          }]
        ]
      }
      

    希望这些解决方案能够帮助你解决问题。如果还有其他疑问,请随时提出。

    评论

报告相同问题?

悬赏问题

  • ¥15 数学的三元一次方程求解
  • ¥20 iqoo11 如何下载安装工程模式
  • ¥15 本题的答案是不是有问题
  • ¥15 关于#r语言#的问题:(svydesign)为什么在一个大的数据集中抽取了一个小数据集
  • ¥15 C++使用Gunplot
  • ¥15 这个电路是如何实现路灯控制器的,原理是什么,怎么求解灯亮起后熄灭的时间如图?
  • ¥15 matlab数字图像处理频率域滤波
  • ¥15 在abaqus做了二维正交切削模型,给刀具添加了超声振动条件后输出切削力为什么比普通切削增大这么多
  • ¥15 ELGamal和paillier计算效率谁快?
  • ¥15 蓝桥杯单片机第十三届第一场,整点继电器吸合,5s后断开出现了问题