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

Question

我正在尝试将一个简单的 React 组件加载到我的应用程序中（具体来说，React-rating）。

我运行Visual Studio，并确保将其添加到我的packages.json，并安装所有依赖项（参见post底部的图像).

现在，我尝试按照标准说明使用该组件。在我的 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 在我的路径中。然后我使用运行 cmd 在 ctrl+r 上打开的普通控制台（当然导航到正确的解决方案）。

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

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

How to load a simple React NPM component into application

reactjs

typescript

react-component