创建React本机模块并将其在应用程序中使用



我想为iOS和Android创建反应本模块,然后在应用程序中使用它。

我想像本地模块一样使用它,而不是上传到NPM。

当我遵循官方文档中描述的步骤时,我总是在将模块导入app.js文件中遇到这些错误:

从"反应测试模块"导入mymodule;

找不到模块" React-Test模块"的声明文件。'/users/dbellerose/path/to/my/module/reeact-test-module/index.js'隐式具有"任何"类型。 尝试npm install @types/react-test-modulet如果存在或添加包含"声明模块" React-Test模块"的新声明(.D.TS)文件;

运行iOS应用程序时:

无法从/Users/Path/To/My/App/App.js解析模块react-test-module:Module react-test-module在急速模块地图中不存在。

消息给我一些解决问题的提示,但它行不通。

解决尝试以下内容: 1.清除守望者手表:watchman watch-del-all。 2.删除node_modules文件夹:rm -rf node_modules && npm install。 3.重置Metro Bundler缓存:rm -rf /tmp/metro-bundler-cache-*npm start -- --reset-cache。 4.删除急速缓存:rm -rf /tmp/haste-map-react-native-packager-*

那么,您知道什么是创建模块并在应用程序中使用的好过程,而无需将软件包上传到NPM?

最好的问候

大卫

以下是我可以作为清单与您分享的一些步骤:

  1. yarn global add create-react-native-module
  2. create-react-native-module MyLibrary
  3. CD到mylibrary文件夹,运行yarn install
  4. 在您的模块上工作

要链接到您的项目,您需要将以下内容添加到您的软件包。

"react-native-test-module": "file:../", 
"react-native-my-library": "file:../../react-native-my-library/"

**如果您在模块中附加了新方法,请记住。您需要:

  1. 从项目中删除Node_modules和Pods
  2. 重新执行yarn/npm install&pod install

希望它有帮助。

相关内容

  • 没有找到相关文章

最新更新