javascript - 共享组件存储库的 npm-link 后无法解析模块

Question

这是我第一次尝试 npm-link，试图创建一个共享组件存储库，但遇到了一个问题。当显示此消息时，我想我已经正确链接了投影:

/Users/tom.allen/Development/main/project/node_modules/@linked/project ->/usr/local/lib/node_modules/@linked/project ->/Users/tom.allen/Development/shared_component_lib

该模块在 node_modules 文件夹中显示正常，但是，当我尝试添加我在 @linked/test 存储库中创建的组件时，我收到一条错误消息:

未找到模块:错误:无法解析“/Users/tom.allen/Development/...”中的“@linked/project”

在 shared_component_lib 的 package.json 中我有:

  "name": "@linked/project",
  "version": "0.1.0",
  "main": "index.js",
  "dependencies": {
   ...
  },

我将组件导出为:export { default as Hello } from './Hello';

并导入为:从“@linked/project”导入{Hello}；

我对拼写错误进行了三重检查，并查看了 webpack 配置(这对我来说远非强项)，但我真的看不出哪里出了问题。

如果这没有多大意义，请提前致歉!任何帮助将不胜感激。

Answer 1

您应该将 shared_component_lib 中的 package.json 从 "main": "index.js" 编辑到文件的实际位置

ex:- "main": "lib/index.js" 或 "main": "src/index.js"