如何将简单的 React NPM 组件加载到应用程序中
拉斯·霍尔德加德
我正在尝试将一个简单的 React 组件加载到我的应用程序中（特别是React-rating）。
我运行 Visual Studio，并确保将它添加到我的packages.json. 并安装所有依赖项（请参阅帖子底部的图像）。
现在，我尝试遵循使用该组件的标准说明。在我的 TSX 文件的顶部，我写道：
var Rating = require('react-rating');
当我使用组件时，我只是使用 <Rating />
现在，这给出了：
TS2604: JSX element type 'Rating' does not have any construct or call signatures.
如果我改为像这样加载模块：
import * as Rating from 'react-rating';
然后我得到：
Could not find a declaration file for module 'react-rating'. '/Likvido.CreditRisk/node_modules/react-rating/lib/react-rating.js' implicitly has an 'any' type.
Try `npm install @types/react-rating` if it exists or add a new declaration (.d.ts) file containing `declare module 'react-rating';`
我想是因为我使用了 Typescript，但在这种情况下，我该如何导入组件？
我的依赖：
拉斯·霍尔德加德
潜在的问题是因为我没有正确安装软件包。
我在安装包时停止使用 Visual Studio 中的包控制台，而是确保 NPM 在我的路径中。然后我用运行打开正常控制台cmd上ctrl+r（当然，导航到正确的解决方案）。
当您在此处安装软件包时，它们将正确到达 Visual Studio 并安装所有内容，以便它们正常工作。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
React / NPM：如何封装组件？
- 2
React / NPM：如何封装组件？
- 3
将程序集加载到应用程序中
- 4
如何将Python flask应用程序加载到gtk Webview（Webkit）中
- 5
如何将DirectSound加载到64位应用程序中
- 6
如何将（数字数组）加载到Google应用程序脚本Byte []中
- 7
如何将数组（数字）加载到Google应用程序脚本Byte []中
- 8
如何将Python flask应用程序加载到gtk Webview（Webkit）中
- 9
使用angular时如何将视图加载到MVC应用程序中
- 10
将外部Javascript加载到Rails应用程序中
- 11
将首选应用程序加载到Windows的RAM中
- 12
从应用程序将资源加载到框架中
- 13
如何将React表单状态从应用程序传递到多个组件（功能）
- 14
将javascript标签加载到React组件中
- 15
将 React 应用程序导出为包含 SVG 图片的 npm 模块时出现问题
- 16
如何在您的 React 应用程序上使用 npm run build？
- 17
将jQuery加载到React应用的Mocha测试中
- 18
如何将 Scene Builder 中创建的场景加载到 JavaFX 应用程序主类中？
- 19
如何将外部application.yml加载到用Micronaut Picocli开发的应用程序中？
- 20
如何将数据从MySql数据库加载到列表（基于控制台的应用程序）中？
- 21
Rails-如何将供应商样式表和JavaScript加载到应用程序中？
- 22
我的应用程序启动时如何将数据加载到我的表中？
- 23
如何将背景JS动画集成到我的React应用程序中？
- 24
如何将React应用程序集成到Wordpress（反应路由器）中？
- 25
如何将 package.json 文件添加到构建的 React 应用程序中？
- 26
如何将npm软件包的静态资产发送到nuxt应用程序？
- 27
如何将现有的 CRA 应用程序发布到 npm(any) 存储库？
- 28
将函数从 mapDispatchToProps 传递给 react/redux 应用程序中的容器组件
- 29
如何使用C＃进行for循环以将图像加载到我的应用程序中？
我来说两句