Javascript 为什么这个JS模块在TypeScript中使用默认属性导入""

发布于04月02日

这段代码来自一个自定义的i18n模块，位于./esm/locale/en.js:

import cardinal from '../rules/rule5';
import ordinal from '../rules/rule42';
var pluralRule = {
  ordinal: ordinal,
  cardinal: cardinal,
};
export default pluralRule;

出口量为package.json美元，

{
  "exports": {
    "./en": {
       "default": "./esm/locale/en.js",
    }
  }
}

i18n模块作为依赖项安装在项目中，并用作

// some .ts file in the project
import en from 'custom-i18n/en';

console.log(en);
// { default: [Getter] }

为什么en有{ default }而不是{ ordinal, cardinal }？

推荐答案

您可以在我针对您的项目打开的一个pull request中看到一个示例，它给出了运行console.log时所期望的输出.

两个重大变化是:

将"type": "module"添加到复数package.json文件中.
将必要的file extensions添加到您的相关导入说明符中.

与您的构建相关的其他更改包括:

优先 Select tsx而不是ts-node，以避免运行generate.ts时出现未知的文件扩展名错误.
确保在运行构建脚本时从package.json复制type字段.

判断/测试相关变更:

添加了apps/demo-next/file.js和apps/demo-next/file.tsx.

在构建了base包和plurals包之后，您应该能够从存储库的根目录运行这些命令:

node apps/demo-next/file.js
./node_modules/.bin/tsx apps/demo-next/file.tsx

生成以下输出:

{ ordinal: [Function: default], cardinal: [Function: default] }

我可以通过执行一个.ts文件，并使用问题before making the changes in the pull request中所示的示例代码来重现您所询问的{ default: [Getter] }控制台输出，但我没有深入探讨为什么.我猜tsx默认为plurals包的main字段，它指向一个生成以下输出的CJS构建:

var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};

var en_1 = require("./locale/en");
Object.defineProperty(exports, "en", { enumerable: true, get: function () { return __importDefault(en_1).default; } });