reactjs 如何在组件中使用R3F钩子来使用Rollup构建进行测试?

gk7wooem  于 2023-11-18  发布在  React
关注(0)|答案(1)|浏览(110)

我正在制作一个R3 F组件库,当我将它导入到我的项目中时,得到错误Error: R3F: Hooks can only be used within the Canvas component!,即使该组件放置在Canvas组件中。为什么?
我有代码和汇总配置设置内package文件夹在这里GlslPipeline for React
我在glsl-pipeline-react中运行npm run build并在package文件夹中输入命令npm link后测试本地。然后我使用npm link "glsl-pipeline"将其安装到我的项目文件夹中。运行时会产生该错误。有人可以帮助我吗?
P/s:我不是很熟悉Rollup或Vite设置.这对我来说是新的.

1tu0hz3e

1tu0hz3e1#

我现在得到了它.我自己的包,使用汇总配置,不能通过使用npm link测试.这是复杂的.我可以这样做,使用preconstruct安装在examples文件夹内,并创建一个新的模板内examples文件夹使用npm create-vite@latest指的是这个链接创建模板代码.我可以运行测试使用preconstruct dev && yarn workspaces <example-folder-name> dev.
examples文件夹中,安装任何要测试的包,包括你自己当前的包名(不要担心还没有发布到npmjs,它可以自动引用本地包),然后尝试一下!它工作了!”

相关问题