ES6代码仅在开启开发者工具的IE/Edge中执行，Chrome/Opera可正常运行

这问题我之前排查过好几次，大概率是IE与旧版Edge（EdgeHTML内核）对ES6模块语法的支持缺陷，再加上开发者工具的调试行为干扰了代码执行逻辑，咱们一步步来解决：

问题根源拆解 #

1. ES6模块语法不兼容：IE完全不支持export default这类ES6模块语法，旧版Edge对模块的支持也有严格限制——默认情况下，如果直接用普通<script>标签加载ES6模块文件，浏览器会静默失败（不会在控制台报错），代码自然不会执行。
2. 开发者工具的特殊行为：开启F12时，浏览器会触发调试模式，不仅会捕获原本静默的错误，还会临时放宽一些加载限制或启用兼容修复逻辑，这就导致代码在开调试工具时能“侥幸”运行，但关闭后就失效了。

针对你的代码的解决方案 #

看你提供的代码，核心问题是Client.class.js用了ES6模块语法，但HTML里的<script>标签是按传统脚本加载的，咱们可以用这几种方法修复：

方案1：转译ES6代码到ES5（兼容IE/所有浏览器） #

用Babel这类工具把带export default的ES6代码转成IE能识别的ES5语法，同时把模块导出改成全局变量的形式：

• 转译前的JS代码：

export default class Start { 
  // 你的类内容
}

• 转译后改成全局挂载：

window.Client = class Start { 
  // 你的类内容
}

这样HTML里的<script src="/base/Client.class.js"></script>和new Client()就能在所有浏览器正常执行，不需要依赖开发者工具。

方案2：给脚本标签添加type="module"（仅兼容新版Edge） #

如果只需要兼容Chromium内核的新版Edge，可以修改HTML里的脚本标签：

<script type="module" src="/base/Client.class.js"></script>

这个属性会告诉浏览器以ES6模块的方式加载脚本，但IE完全不支持这个属性，所以如果要兼容IE，还是得用方案1。

方案3：用打包工具合并模块（推荐生产环境） #

用Webpack、Rollup这类工具把你的ES6模块打包成单个兼容所有浏览器的脚本文件，打包工具会自动处理模块语法和兼容性问题，最终生成的文件可以直接用普通<script>标签引入，不用再担心浏览器兼容问题。

验证方法 #

修改后关闭开发者工具，刷新IE或旧Edge页面，如果代码能正常执行，就说明问题解决啦～

内容的提问来源于stack exchange，提问作者Adrian Preuss