我正在做一个项目，我有以下结构：

/         # repository root
/core     # A local, unpublished npm package used by both projectA and projectB
/projectA # A Next.js app
/projectB # Another Next.js app

字符串
我有一个/core/package.json和/core/tsconfig.json，它把tsc && npm pack'd转换成一个core-1.0.0.tgz文件。这个 * 看起来 * 都在工作; tsc和npm pack命令没有错误地完成，.tgz文件似乎有我所期望的所有转译的.js代码。
/core/tsconfig.json个

{
  "compilerOptions": {
    "lib": ["es2022", "DOM"],
    "module": "commonjs",
    "target": "es2022",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true,
    "outDir": ".compiled",
    "declaration": true,
    "jsx": "react"
  },
  "include": ["./index.ts"]
}

型
/core/package.json个

{
  "name": "core",
  "version": "1.0.0",
  "engines": {
    "node": "18.15.0"
  },
  "main": "./.compiled/index.js",
  "types": "./.compiled/index.d.ts",
  "files":[
    "./.compiled/**"
  ],
  "scripts": {
    "test": "ts-node ./tests.ts",
    "build": "npm install && npm run test && tsc && npm pack"
  },
  "dependencies": {
    ...
    "@uppy/aws-s3": "3.3.1",
    ...
  }
  ...
}

型
然后，我将core包添加到projectA，方法是将以下内容添加到/projectA/package.json：

...
"dependencies": {
  ...
  "core": "../core/core-1.0.0.tgz",
  ...
},
...

型
我在/projectA中运行npm install，事情似乎也在工作。我在projectA/node_modules中查看，我不仅看到我的core文件夹和编译的JS，而且我还看到core中的dependencies已经被取出并安装到projectA/node_modules中。
然而，当我 * 运行 * projectA时，我立即收到一个来自core导入的错误：

Error: require() of ES Module C:\dev\repo\projectA\node_modules\@uppy\aws-s3\lib\index.js from C:\dev\repo\projectA\node_modules\core\.compiled\library\components\file-uploader\FileUploader.js not supported.
Instead change the require of index.js in C:\dev\repo\projectA\node_modules\core\.compiled\library\components\file-uploader\FileUploader.js to a dynamic import() which is available in all CommonJS modules.

型
@uppy/aws-s3是core的子依赖之一。FileUploader.js是我创建的FileUploader.ts React组件的转译版本，它提供了一个围绕@uppy的小UI Package 器。我看到了错误消息中的文字，但我有点迷失在层之间。我怀疑我需要改变我的/core/tsconfig.json中的一些东西，但我还没找到具体需要改变的地方
/core/.../FileUploader.ts

import UppyAwsS3 from '@uppy/aws-s3'
import Uppy, { SuccessResponse, UppyFile } from '@uppy/core'
import UppyDashboard from '@uppy/dashboard'
import cx from 'classnames'
import React from 'react'

interface Props {
  className?: string
  fullWidth: boolean
  ...
}

interface State {}

class FileUploader extends React.Component<Props, State> {
  ...
  render = () => {
    return (
      <div className={cx('FileUploader', this.props.className, this.props.fullWidth && 'FileUploader--fullWidth')}>
        ...
      </div>
    )
  }
}

export default FileUploader

型
/projectA/tsconfig.json，供参考

{
  "compilerOptions": {
    "strict": true,
    "esModuleInterop": true,
    "jsx": "preserve",
    "lib": ["ES2022", "dom"],
  },
  "exclude": [
    "node_modules"
  ]
}

型
有没有人对我如何设置这个共享的TypeScript包有什么见解？我有什么看起来不对劲吗？

编辑有人建议看看this question。不幸的是，这是不一样的。我写的是TypeScript，而不是原始的vanilla JS。我问的是如何让tsc编译正确的导入语法，以便Next.js可以利用我的core CommonJS包中的共享FileReader组件，该组件依赖于ESM包@uppy/aws-s3。
**更新：**我已经创建了一个显示错误的最小示例项目。它是available here。