一旦我创建并使用自己的模块，它就会给出如下错误：无法解析模块

Question

我是 react-native 的新手，我第一次创建了自己的模块 (npm)。

我尝试为常用组件创建自己的模块（npm），并且单独工作正常。但是，一旦我安装，将其链接到我们的应用程序中，并尝试使用这些组件，它会给出如下错误：

 Unable to resolve module `<Module-name>` from `<file>`: Module `<Module-name>` does not exist in the Haste module map. 

（注意：我仅使用 Android Emulator 进行了测试）

我已按照以下步骤创建模块和测试应用程序

对于模块

1. react-native init <module-name>
2. 在mainindex.js中添加组件的简单代码

3. 并像这样设置 pacakge.json：

   {
     "name": "<module-name>",
     "version": "0.0.1",
     "private": true,
     "main": "index.js",
     "scripts": {
       "start": "react-native start",
       "test": "jest",
       "lint": "eslint .",
       "build": "echo 'build script executed'"
     },
     "dependencies": {
       "react": "16.8.6",
       "react-native": "0.60.4"
     },
   

现在我检查这个组件（react-native run-android），它可以正常工作。

现在我尝试通过以下步骤在应用中使用

测试应用

1. 创建新应用 (react-native init <app-name>)

2. 使用完整路径安装创建的 npm；

   npm install <full path of component>
   

3. 现在我尝试react-native link <full path of component>，我也尝试过简单的react-native link，但没有任何反应。

4. 现在我使用react-native run-android 运行应用程序，但是每次它都会给出同样的错误；

   Unable to resolve module <created-module name>
   

测试应用package.json

{
  "name": "<app-name>",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "react-native start",
    "test": "jest",
    "lint": "eslint ."
  },
  "dependencies": {
    "react": "16.8.6",
    "react-native": "0.60.4",
    "react-native-my-library": "^1.0.2",
    "<created-module-name>": "file:../<created-module-name>"
  },
  "devDependencies": {
    "@babel/core": "7.5.5",
    "@babel/runtime": "7.5.5",
    "@react-native-community/eslint-config": "0.0.3",
    "babel-jest": "24.8.0",
    "eslint": "6.1.0",
    "jest": "24.8.0",
    "metro-react-native-babel-preset": "0.54.1",
    "react-test-renderer": "16.8.6"
  },
  "jest": {
    "preset": "react-native"
  }
}

创建的模块安装成功，但我认为它没有正确链接，它会报错。

那么这里有什么问题呢？

请给我建议/帮助。

谢谢。

Answer 1

我假设您的模块已成功发布在 npm 存储库中。否则不能使用npm install <full path of component>。

如果你正在使用

npm install <full path of component>

从 npm repo 将模块安装到测试应用程序的命令。在你的 package.json 中指定，如

"<created-module-name>": "file:../<created-module-name>"

错误。您需要从 package.json 中删除该行并尝试安装；

npm install --save <full path of component>

这将自动在您的 package.json 中创建一行。您现在可以手动链接您的模块。

对于手动链接，您可以关注guide。

已编辑：

如果您在本地计算机上使用，

那就不用npm install了。

只需将您的模块复制到您的项目node_modules 文件夹中。 然后在你的 package.json 中添加；

"dependencies": {
   ...
   "your_module_name": "your_module_version"
   ...
}

然后，您只需按照我上面提到的手动链接过程。