如何将 react-bootstrap 添加到 ASP.NET 项目

Question

所以，我是 ASP.NET MVC 的新手。

我在 ASP.NET MVC 中有一个 Web 应用程序，我正在尝试向其中添加 react-bootstrap。它已经在使用 React/ReactDOM.

我做到了

         npm install --save react-bootstrap

并且react-bootstrap在项目的node_modules文件夹中。

我在 Package.json 文件中添加了 react-bootstrap 到依赖项。

         "dependencies": {
           ......
           "react-bootstrap": "^0.30.0"
         },

我在 webpack.config.js 文件中添加了 react-bootstrap 到外部。

        externals:
        {
         'react-bootstrap':
           {
            "var": 'ReactBootstrap',
            web: 'ReactBootstrap',
            root: 'ReactBootStrap',
            commonjs2: 'ReactBootstrap',
            commonjs: 'ReactBootstrap',
            amd: 'ReactBoostrap'
           },
        .....
        }

在 Layout.cshtml 中，我确实添加了一个带有 src 属性的脚本标签，用于指定 reactbootstrap.js 文件在 node_modules 文件夹中的位置。

        <script src="@Url.Content("~/node_modules/react-bootstrap/dist/react-bootstrap.min.js")"></script>

但是当我这样做时

       import * as ReactBootStrap from 'react-bootstrap';

在Dashboard.tsx文件中，它说找不到模块。

缺少什么？

Answer 1

试试这个：npm i @types/react-bootstrap --save

Answer 2

所以，我想通了。要添加另一个包，TypeScript 需要添加一个声明文件。这些通常带有 .d.ts 的扩展名，并在您要添加的包中定义函数原型、类、接口等。在过去，这些需要手动创建，但最近基于 npm 的包可以由新的 Typescript 处理。还有一个常用的 Typescript 声明文件（NuGet 和 DefinitelyTyped）的存储库

在 Visual Studio 的包管理器控制台中，您可以

Install-Package react-bootstrap.TypeScript.DefinitelyTyped

如何将 react-bootstrap 添加到 ASP.NET 项目

How to add react-bootstrap to ASP.NET project

asp.net-mvc

webpack

react-bootstrap