【问题标题】:How can I create a node module using lottie-react-native?如何使用 lottie-react-native 创建节点模块?
【发布时间】:2022-08-09 20:49:47
【问题描述】:

我正在构建一个 React-Native 组件库。

我使用构建了一个简单的加载器lottie-react-native.

在本地安装库时,该组件可以工作。

将包发布到github上并安装后,没有报错但是组件根本不显示。

(仅供参考,我第一次安装它时遇到了一个问题,这里已经解决了:Why a dependency would not want to install when installing a library? 现在,lottie-react-native 依赖项出现在我的 node_modules 中)。

我想我发现了这个问题,但我不确定,也不知道如何解决它。

首先看一下 node_modules 文件夹中新安装的 library\'s 文件夹树:

此时lib文件夹显示错误,我们打开它:

好的,让我们打开 TS 文件夹和子文件夹,直到出现错误:

现在包含错误的 index.d.ts 文件:

最初,assets 文件夹包含 Lottie 视图所需的 json 文件。

运行发布过程时,我的 src 文件夹被编译为 TS 并创建 .d 文件。

我认为这个问题可能是由于一些 tsconfig 选项或者我导入东西的方式,但我不确定。

这是目录中的文件夹结构开发环境

由于在本地安装 lib 时它可以正常工作,因此我很确定在编译到 TS 时会出现问题。

你怎么看?

    标签: reactjs typescript react-native node-modules lottie


    【解决方案1】:

    看起来你在这里有两个问题。

    1. pngjson 扩展名不会复制到目标文件夹。您可以通过手动复制或使用tsc-hook 来解决此问题。

    2. .js 扩展文件未编译。我认为您的tsconfig 文件已将emitDeclarationOnly 设置为true。尝试将其设置为 false。

    【讨论】:

      猜你喜欢
      • 2015-09-28
      • 1970-01-01
      • 2017-08-03
      • 1970-01-01
      • 1970-01-01
      • 2015-11-22
      • 1970-01-01
      • 2022-01-08
      • 1970-01-01
      相关资源
      最近更新 更多