ES6模块依赖运行环境支持:浏览器需script加type="module",Node.js需package.json设"type":"module"或用.mjs后缀;import在HTML中报错因默认按传统脚本执行;export分命名导出(import{a})和默认导出(import a),不可混用;Node.js中须统一模块系统,动态import()可在CommonJS中安全使用,且路径须带扩展名。

ES6 模块(import/export)不是靠配置“开启”的,而是依赖运行环境是否支持——浏览器要加 type="module",Node.js 要设 "type": "module" 或用 .mjs 后缀,否则直接报错 Cannot use import statement outside a module。
为什么 import 写在 HTML 里会报错?
浏览器默认把 当作传统脚本执行,不启用模块解析。必须显式声明:
- HTML 中写:
- 或内联:
- 注意:模块脚本自动启用严格模式、
this为undefined、不共享全局作用域
export 有哪几种写法?区别在哪?
命名导出(export)和默认导出(export default)不能混用在同一个语句里,且导入语法必须匹配:
-
export const a = 1;→ 导入必须用import { a } from './x.js' -
export default function() {}→ 导入用import fn from './x.js'(名字可任意) -
export * from './y.js'只能重导出,不能加修饰(比如export * as ns from './y.js'是 ES2020+ 才支持) - 一个文件最多一个
export default,但可有多个命名导出
Node.js 里用 import 报错怎么办?
Node.js 默认按 CommonJS 解析 .js 文件。解决方式只有两个有效路径:
一套面向小企业用户的企业网站程序!功能简单,操作简单。实现了小企业网站的很多实用的功能,如文章新闻模块、图片展示、产品列表以及小型的下载功能,还同时增加了邮件订阅等相应模块。公告,友情链接等这些通用功能本程序也同样都集成了!同时本程序引入了模块功能,只要在系统默认模板上创建模块,可以在任何一个语言环境(或任意风格)的适当位置进行使用!
立即学习“Java免费学习笔记(深入)”;
- 在
package.json加字段:"type": "module"(整个包走 ES 模块) - 或把文件改名成
index.mjs(优先级高于package.json的type) - 不要试图在
.js文件里混用require()和import—— 语法层就不允许 - 动态
import()是函数,返回 Promise,可在 CommonJS 中安全使用:const m = await import('./foo.js')
模块路径必须带扩展名(./utils.js)或斜杠(./utils/),Node.js 不像 Webpack 那样自动补 .js;浏览器也一样,import './utils' 会 404。










