「Node.js」一个 export/import 问题

吐槽/反馈/建议:我的咸鱼心  爱发电-@wdssmq

前言

折腾,遇到问题,解决,水一篇,周而复始……

然而昨天久违的看了下百度统计,日 IP 已经掉到 20 了……

话说之前也遇到个类似的问题:

「大坑」关于 module 模式下如何正确引入 WebSocketServer_电脑网络_沉冰浮水

正文

以下为去 v2ex 提问时的原始内容;

项目本身使用 rollup 构建,然后功能上是一个 rollup-plugin,一开始只导出了一个函数 monkey,后边加了功能,结果就是拿到的东西不统一了。

虽然可以先判断一下,然而还是想弄清为什么会有这种差异……

export { main as default, monkeyPath, monkeyRequire };
// for test
import monkey, { monkeyPath, monkeyRequire } from "../../dist/index.mjs";

console.log("typeof monkey:", typeof monkey);
// typeof monkey: function
// for prod
import monkey, { monkeyPath, monkeyRequire } from "rollup-plugin-monkey";

console.log("typeof monkey:", typeof monkey);
// typeof monkey: object
console.log("typeof monkey.default:", typeof monkey.default);
// typeof monkey.default: function

项目源码:
https://github.com/wdssmq/rollup-plugin-monkey

这里可以看到 dist/ 内容:
https://www.npmjs.com/package/rollup-plugin-monkey?activeTab=explore

最终项目使用的配置文件:
https://github.com/wdssmq/rollup-plugin-monkey/blob/main/test/gm/rollup.config.mjs

v 友指出实际引用应该是 cjs,exports["default"] = main,会得到一个object类型的导出;

删除 prod 内对应的 cjs 后变成找不到文件了,是有 mjs 的,然后 pkg 内有如下配置:

  "main": "dist/index.cjs",
  "module": "dist/index.mjs",
  "type": "module",

看来我理解有误,以为使用 module 语法就会使用对应字段的路径?

好像应该按下边的写,虽然并没有测试过 require:

  "main": "dist/index.mjs",
  "exports": {
    "import": "./dist/index.mjs",
    "require": "./dist/index.cjs"
  },
  "type": "module",

补充

只导出 default 时的代码:

// msj
export { main as default };

// cjs
exports["default"] = main;

有额外导出时的代码:

// msj
export { main as default, monkeyPath, monkeyRequire };

// cjs
exports["default"] = main;
exports.monkeyPath = monkeyPath;
exports.monkeyRequire = monkeyRequire;

参考

Node.js 如何处理 ES6 模块 - 阮一峰的网络日志

https://www.ruanyifeng.com/blog/2020/08/how-nodejs-use-es6-module.html


爱发电

本文标题:《「Node.js」一个 export/import 问题》作者:沉冰浮水
原文链接:https://www.wdssmq.com/post/20100204145.html
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

可在微信查看或分享至朋友圈。

相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

网站分类

  • 订阅本站的 RSS 2.0 新闻聚合

搜索

本周旧文

wdssmq/blog-astro: 一个基于 Astro 的静态博客;

本质上,面临一个代码问题时,我们需要的是另一个人愿意为「你」的问题投入精力,并且有相应的技术知识。。

接上一条,Resilio Sync 换 Syncthing 感觉也是略大的工程。。Orz

去年 GoodSync 送了一年授权,然后也确实用上了;本来想着到期就换 Syncthing,结果前几天临期提醒,花 ¥381 续了三年 Orz,两者定位和使用姿势还是有些差别的。。更早是用 Resilio Sync 和 BCompare,但是前者内存占用太高,后者并不是自动同步的定位。。

2024 年了,姑且备份下嘟特存档。。

……,一个不知名的小众样式库 + 内联样式混写这种入坑姿势确实很有槽点,但是,「已经开始学」并且能够持续是绝对值得肯定的。。

在贴吧看过很多提问了,就有种错觉:好多人为了提一个问题专门注册了贴吧,问题本身可能得到有效回答,也可能没有(和提问的点及具体姿势有关。。但无论如何,之后就和注销了账号一样没有然后了,好像之后永远不用学相应的东西一样。。

《恶魔娃娃》

- 他们正研究你究竟是真正的大人,还是伪装成大人的小孩

- 我自己都研究很久了

乐高 DC 里,(基本就蝙蝠侠家,,年龄最小的那个无论是谁感觉人设都会变得一样 - -

所以,就感觉和祥林嫂一样,每天都需要向外「签到」自己的情绪感受,然而又并没有什么「需要」我这样的签到……

爱发电支持者

最新留言

友情链接