如果你使用了如 Babel、Vite、Webpack,可能是需要 core-js
:
npm install core-js
并确保你的 babel.config.js
中配置了:
presets: [
['@babel/preset-env', {
useBuiltIns: 'usage',
corejs: 3
}]
]
2. 不应该手动引入 es.js
- core-js/modules/es.js 并不是官方推荐使用的路径。
- 正确做法是引用具体模块,比如:
import 'core-js/modules/es.promise';
import 'core-js/modules/es.array.includes';
3. 如果是 Vite 报错
你可能使用了 ESM 模块但导入了不规范路径:
- 检查是否有语句类似:
import 'core-js/modules/es.js'; // ❌
- 改为:
import 'core-js/stable'; // ✅
常见场景 2:你使用的第三方库中引用了 es.js
,但文件加载失败
排查方式
- 浏览器控制台 → Network → 搜索 es.js,看是加载失败还是 404?
- 找到这个 es.js 是从哪里引用的?在 script 中?还是某个依赖自动引入?
- 是不是你本地或线上部署缺少这个文件?
解决方法
🧩 方法 1:确保依赖完整
如果你在用某个 UI 库(比如 element-plus、mint-ui),看看是不是漏装了依赖:
npm install
🧩 方法 2:使用正确的构建工具(Vite/Webpack)
比如用 Vite 时不要随便 import 某些 polyfill,建议只使用 core-js/stable
和 regenerator-runtime/runtime
:
import 'core-js/stable';
import 'regenerator-runtime/runtime';
场景 3:你自己写了个 es.js
脚本,但页面中无法执行
检查点
- 路径是否正确(是否写成了 /js/es.js 但实际路径不同)
- 文件类型是否为 .js(不是 .txt)
- 是否被浏览器阻止跨域或 MIME 类型问题
- script 标签写法是否正确: