使用 package.json 子路径导出时获取 MODULE_NOT_FOUND

Question

我试图了解如何使用 子路径导出 但我不知道知道我做错了什么。

使用节点 v17.6.0（64 位）+ windows10，我创建了一个简单的项目来玩，如下所示：

│   package.json                          
│                                         
├───packages                              
│   └───myorg-common                      
│       │   index.js                      
│       │   package.json                  
│       │                                 
│       └───src                           
│           │   a.js                      
│           │   index.js                  
│           │                             
│           └───b                         
│                   b.js                  
│                                         
└───src                                   
    │   main.js                           
    │                                     
    └───c                                 
            c.js                          
            index.js                      

ROOT

.\package.json

{
  "name": "test_exports",
  "version": "1.0.0",
  "description": "",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "workspaces": [
    "packages/*"
  ],
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "esm": "^3.2.25"
  }
}

.\src\main。 js

import * as modroot from "@myorg/common/module_root";
// import * as moda from "@myorg/common/module_a";
// import * as modb from "@myorg/common/module_b";

console.log(modroot);
// console.log(moda);
// console.log(modb);

.\src\c\c.js

export const C="src/c/c.js";

.\src\c\index.js

export * from "./c";

工作空间

.\packages\myorg-common\index.js

export const ROOT="ROOT";

.\packages\myorg-common\package.json

{
  "name": "@myorg/common",
  "version": "1.0.0",
  "description": "",
  "exports": {
    "./module_root": "./src/index.js",
    "./module_a": "./src/a.js",
    "./module_b": "./src/b/b.js"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

.\packages\myorg-common\src\a .js

export const A="src/a.js";

.\packages\myorg-common\src\index.js

export * from "./a";
export * from "./b/b";

.\packages\myorg-common\src\b\b.js

export const B="src/b/b.js";

问题

之后正在做npm install 在根路径中并运行 node -r esm src\main.js 我会收到此错误：

D:\test_exports\node_modules\esm\esm.js:1
const __global__ = this;(funct ...TRUNCATED_CONTENT_OR_I_WON'T_BE_ABLE_TO_SUBMIT_TO_SO... default=Jh})]).default;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            

D:\test_exports\src\main.js:1
Error: Cannot find module '@myorg/common/module_root'
Require stack:
- D:\test_exports\src\main.js
    at Object.<anonymous> (D:\test_exports\src\main.js:1) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [ 'D:\\test_exports\\src\\main.js' ]
}

Node.js v17.6.0

几个问题：

• 为什么我会收到这个错误MODULE_NOT_FOUND 错误以及如何修复它？我的主要目标是能够学习如何从我的工作区导出所有子包，而不必捆绑它们（即：直接从我的 CRA 应用程序使用 src 内容，这些应用程序通过反应脚本使用 webpack，这是很棒的）。

• 来自 esm 的巨大转储，有什么方法可以避免所有这些噪音/日志？在旧版本的节点中，我不记得输出如此冗长。

提前致谢。

Answer 1

似乎 esm 是这里的罪魁祸首，我不确定如何“修复”它。尽管如此，一切都会与 webpack/rollup/vite 等一起正常工作（经过测试）。

要使其与节点一起使用，您必须使用 commonjs 以避免使用 esm 或通过将文件扩展名更改为 .mjs 或在 包中添加 "type": "module" 来切换到 ES 模块.json 然后运行：

node src/main.mjs

或

node src/main.js

取决于你决定做什么。

注意：如果您选择将 ES 模块与节点一起使用，则在这两种情况下都必须将文件扩展名添加到导入/导出语句中。例如：export * from './a.js' 或 export * from '.a.mjs'