我试图为我的Next.js应用捆绑一个React组件库，但我无法找出以下错误的原因。在过去的几天里，我尝试了Rollup、TS编译器和package.json的不同配置，但我觉得我在这里缺乏一些经验和一些关键的知识，因为我真的不明白错误日志试图告诉我什么。

Server Error
Error: Cannot find module '/home/ola/Projects/lifeitself/flowershow/node_modules/.pnpm/file+packages+core+flowershow-core-0.0.4.tgz_wwvq4sry3mrfcince3djb3idna/node_modules/next/link' imported from /home/ola/Projects/lifeitself/flowershow/node_modules/.pnpm/file+packages+core+flowershow-core-0.0.4.tgz_wwvq4sry3mrfcince3djb3idna/node_modules/@flowershow/core/dist/index2.js
Did you mean to import next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/link.js?

This error happened while generating the page. Any console logs will be displayed in the terminal window.
Call Stack
new NodeError
node:internal/errors (387:5)
finalizeResolution
node:internal/modules/esm/resolve (330:11)
moduleResolve
node:internal/modules/esm/resolve (907:10)
defaultResolve
node:internal/modules/esm/resolve (1115:11)
nextResolve
node:internal/modules/esm/loader (163:28)
ESMLoader.resolve
node:internal/modules/esm/loader (837:30)
ESMLoader.getModuleJob
node:internal/modules/esm/loader (424:18)
ModuleWrap.<anonymous>
node:internal/modules/esm/module_job (76:40)
link
node:internal/modules/esm/module_job (75:36)

上下文：

• @flowershow/core是用TS编写的组件库包
• @flowershow/core是`@flowershow/template的依赖项
• 整个仓库是一个用Nx（https://github.com/flowershow/flowershow）构建的monorepo，它包括core和template包，结构如下（简化）：

flowershow
├── packages
│   ├── ...
│   ├── core
|   |   ├── src
|   |   ├── project.json (Nx file)
|   |   ├── tsconfig.json
|   |   └── package.json
│   └── template
|       ├── ... pretty standard Next.js app contents
|       ├── project.json (Nx file)
|       └── package.json
├── nx.json
├── package.json
├── pnpm-workspace.yaml
└── tsconfig.base.json

@flowershow/core相关配置文件

package.json：

{
  "name": "@flowershow/core",
  "version": "0.0.4",
  "description": "Core Flowershow components, configs and utils.",
  "repository": {
    "type": "git",
    "url": "git+https://github.com/flowershow/flowershow.git",
    "directory": "packages/core"
  },
  "author": "Rufus Pollock",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/flowershow/flowershow/issues"
  },
  "homepage": "https://github.com/flowershow/flowershow#readme",
  "publishConfig": {
    "access": "public"
  },
  "type": "module",
  "main": "./dist/index.js",
  "dependencies": {
    "@docsearch/react": "^3.3.0",
    "@headlessui/react": "^1.7.6",
    "clsx": "^1.2.1",
    "kbar": "0.1.0-beta.39",
    "mdx-mermaid": "^1.3.2",
    "mermaid": "^9.3.0"
  },
  "peerDependencies": {
    "next": "^13.0.0",
    "next-contentlayer": "^0.2.9",
    "next-themes": "^0.2.1",
    "react": "^18.0.0",
    "react-dom": "^18.0.0"
  }
}

project.json（Nx的配置文件）：

{
  "name": "core",
  "$schema": "../../node_modules/nx/schemas/project-schema.json",
  "sourceRoot": "packages/core/src",
  "projectType": "library",
  "tags": [],
  "targets": {
    "build": {
      "executor": "@nrwl/web:rollup",
      "outputs": ["{options.outputPath}"],
      "options": {
        "outputPath": "packages/core/dist",
        "tsConfig": "packages/core/tsconfig.lib.json",
        "project": "packages/core/package.json",
        "entryFile": "packages/core/src/index.ts",
        "format": ["esm", "cjs"],
        "external": [
          "react/jsx-runtime",
          "react",
          "next",
          "next-contentlayer",
          "next-themes"
        ],
        "generateExportsField": true,
        "rollupConfig": "@nrwl/react/plugins/bundle-rollup",
        "compiler": "babel",
        "assets": [
          {
            "glob": "packages/core/README.md",
            "input": ".",
            "output": "."
          }
        ]
      }
    },
    ...
  }
}

tsconfig.json：

{
  "extends": "../../tsconfig.base.json",
  "compilerOptions": {
    "jsx": "react-jsx",
    "module": "es2020",
    "moduleResolution": "node",
    "allowJs": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "noImplicitAny": false,
    "noImplicitOverride": true,
    "noPropertyAccessFromIndexSignature": true,
    "noImplicitReturns": true,
    "noFallthroughCasesInSwitch": true
  },
  "files": [],
  "include": [],
  "references": [
    {
      "path": "./tsconfig.lib.json"
    },
    {
      "path": "./tsconfig.spec.json"
    }
  ]
}

tsconfig.lib.json：

{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "outDir": "dist",
    "types": ["node"]
  },
  "files": [
    "../../node_modules/@nrwl/react/typings/cssmodule.d.ts",
    "../../node_modules/@nrwl/react/typings/image.d.ts"
  ],
  "exclude": [
    "jest.config.ts",
    "**/*.spec.ts",
    "**/*.test.ts",
    "**/*.spec.tsx",
    "**/*.test.tsx",
    "**/*.spec.js",
    "**/*.test.js",
    "**/*.spec.jsx",
    "**/*.test.jsx"
  ],
  "include": ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"]
}

输出dist/index.js文件，导入Next抱怨：

export { e as BlogLayout, B as BlogsList, C as CustomLink, D as DocsLayout, L as Layout, N as Nav, P as Pre, S as SearchProvider, d as SimpleLayout, U as UnstyledLayout, g as collectHeadings, p as pageview } from './index2.js';
import 'react/jsx-runtime';
import 'react';
import 'next/link';
import 'next-themes';
import 'next/dynamic';
import '@headlessui/react';
import 'next/router';
import 'next/head';
import 'mdx-mermaid/lib/Mermaid';
import 'clsx';

如何测试：

为了测试这一点，我打包了core包，并使用template中的输出tgz文件安装它，使用“file：“协议，如下所示：
（packages/template/package.json）

"dependencies": {
    "@flowershow/core": "file:../core/flowershow-core-0.0.4.tgz",

其他信息

我尝试手动将import语句从import 'next/link'更改为import 'next/link.js'，似乎可以工作（除了对其他导入库抛出错误）。
我也不太清楚为什么Rollup在导出语句下面生成所有的导入语句，所以我也非常感谢这里的一些提示。我对这个相当陌生，这是我第一次使用Rollup或任何其他捆绑程序来捆绑我自己的库。
下面是完整的代码库：https://github.com/flowershow/flowershow
我发现这个问题与某人面临的类似问题：Error [ERR_MODULE_NOT_FOUND]: Cannot find module
我试过修改TS编译器配置、Rollup配置和不同的package.json字段值（例如：在core包中添加/删除type: module），但没有运气。
在这里，不能为import语句添加文件扩展名，因为这些扩展名是由Rollup自动生成的。