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

标签 javascript reactjs npm webpack components

这是我第一次尝试 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 配置(这对我来说远非强项),但我真的看不出哪里出了问题。

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

最佳答案

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

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

关于javascript - 共享组件存储库的 npm-link 后无法解析模块,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58502955/

相关文章:

javascript - 如何让文字自动溢出成两列

javascript - 下拉列表多次保持上下滑动

javascript - ES6 剩余参数代码不起作用

node.js - 尝试从 Node 生成 ruby​​ sass

javascript - 函数完成后获取事件

javascript - 将数据流 react 到一个单独的组件文件中

javascript - 语义 ui-react 复选框的更改处理程序不起作用 : React+Typescript

javascript - 为什么我的 setState 会导致无限循环?

node.js - 是否可以使用 NPM 更新 NPM?

npm - Semver 版本控制 - 使用插入符号 "^"更新包