export报错SyntaxError: Unexpected token export

最新推荐文章于 2025-07-22 16:58:09 发布

奋斗的小绿萝

最新推荐文章于 2025-07-22 16:58:09 发布

阅读量10w+

点赞数 46

CC 4.0 BY-SA版权

分类专栏：杂类文章标签： export 模块化

本文链接：https://blog.youkuaiyun.com/weixin_40817115/article/details/81534819

杂类专栏收录该内容

9 篇文章

订阅专栏

本文对比了Node.js和浏览器端的模块加载差异，详细解析了CommonJS与ES6模块规范的不同之处，包括导出和引入的方式，并解释了exports、module.exports、export及export default的区别。

情景重现

a.js

export let test = function () {
  console.log('1');
}

b.js

let a= require ('./a');
a.test();

运行node b，即出现如下报错：

export default {
^^^^^^

SyntaxError: Unexpected token export

解决方法

a.js改为如下：

exports.test = function () {
  console.log('1');
}

根本原因

Node和浏览器端所支持的模块规范不同。

条目	Node	浏览器
模块规范	CommonJS	ES6
导出	`* modules.exports`; exports	export; export default
引入	require	import；require

1. 关于exports和module.exports

在一个node执行一个文件时，会给这个文件内生成一个 exports和module对象，
而module有一个exports属性。
exports = module.exports = {};

2. 关于 export 和export default

export与export default均可用于导出常量、函数、文件、模块等
在一个文件或模块中，export、import可以有多个，export default仅有一个
通过export方式导出，在导入时要加{ }，export default则不需要
export能直接导出变量表达式，export default不行。

参考文章：