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

Question

这是我第一次尝试使用npm链接，尝试创建一个共享的组件存储库，并遇到了一个问题。我想我已经正确地链接了这些项目，因为显示了以下信息：

/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文件夹，但是，当我试图添加在@链接/测试存储库中创建的组件时，会看到一个错误：

Module not found: Error: Can't resolve '@linked/project' in '/Users/tom.allen/Development/...'

在package.json for shared_component_lib中有：

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

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

并导入as：import {Hello } from '@linked/project';

我已经三次检查拼写错误，并查看了webpack配置(这对我来说远不是一个强项)，但我真的找不到我哪里出错了。

如果这没有什么意义的话，请提前道歉！任何帮助都将受到极大的感谢。

Answer 1

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

例：- "main" : "lib/index.js"或"main": "src/index.js"