将电极组件集成到应用程序中答案

【问题标题】：Integrating a electrode component in to app将电极组件集成到应用程序中
【发布时间】：2017-07-28 12:43:28
【问题描述】：

我使用原型“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 中，但我不知道如何在应用程序中使用。有人可以帮忙吗？

【问题讨论】：

标签： reactjs walmart-electrode

【解决方案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

我希望这会有所帮助。

【讨论】：