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