Question

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

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

我做了

         npm install --save react-bootstrap

和react-bootstrap位于项目的node_modules文件夹中。

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

         "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属性指定了node_modules文件夹中reactbootstrap.js文件的位置。

        <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项目中

2 个答案: