reactjs - 将电极组件集成到应用程序中

Question

我使用原型“yo 电极：组件”创建了一个电极组件，我们称之为 ptd-product-tile（组件类名为“PtdProductTile”。我还创建了一个使用“yo 电极”的应用程序，我们称之为 ptd-frame .我将我的组件发布到npm存储库并将其添加到我的应用程序的package.json中的依赖项中.当我尝试使用以下行将组件导入'frame/src/client/components/home.jsx'时,我看到一个错误。

import { PtdProductTile } from 'ptd-product-tile';

我看到的错误在这里

./src/client/components/home.jsx
Module not found: Error: Can't resolve 'ptd-product-tile' in '/Users/xyz/code/frame/src/client/components'
@ ./src/client/components/home.jsx 35:22-49
@ ./src/client/routes.jsx
@ ./src/client/app.jsx
@ multi (webpack)

我看到组件已下载到应用程序的 node_modules 中，但我不知道如何在应用程序中使用。有人可以帮忙吗？

Answer 1

这是一个示例电极应用程序，生成且未修改，除了添加电极组件的更改。

组件本身也是生成的和未修改的。

• 应用程序：https ://github.com/electrode-io/electrode-demo-app
• 组件：https ://github.com/electrode-io/electrode-demo-component
• 发表：https ://www.npmjs.com/package/electrode-demo-component
• 提交应用程序以使用该组件：https ://github.com/electrode-io/electrode-demo-app/commit/e320050c2c1ae8f0f5876c2ec2d972ef31a901a9

我希望这有帮助。