如何将简单的React NPM组件加载到应用程序中

Question

我正在尝试将一个简单的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，但在这种情况下，我该如何导入组件？

我的依赖：

Answer 1

根本问题是因为我没有正确安装软件包。

我在安装软件包时停止在Visual Studio中使用软件包控制台，而是确保NPM在我的Path中。然后我使用通过在cmd上运行ctrl+r打开的普通控制台（当然导航到正确的解决方案）。

当您在此处安装软件包时，它们将在Visual Studio中正确到达并安装所有内容以便它们正常工作。