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

时间:2019-10-22 11:11:24

标签: 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存储库中创建的组件时,出现错误消息:

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

在shared_component_lib的package.json中,我有:

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

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

并导入为: import {Hello } from '@linked/project';

我对拼写错误进行了三重检查,并查看了webpack的配置(对我而言这不是一个强项),但是我真的看不到哪里出了错。

如果这没有什么意义,请提前道歉!任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

您应将shared_component_lib"main": "index.js"中的package.json修改为文件的实际位置

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