0

我使用 npm install 将一个模块安装到我的反应项目中

npm install mdbreact --save

然后我检查了 nodemodules 文件夹以确保 lib 安装正确，是的。现在我正在尝试从新库中导入一些组件，例如我正在尝试的 Input 和 Button

import * as MDB from 'mdbreact';

import Input from 'mdbreact';

我总是得到错误error TS2307: Cannot find module 'mdbreact' 任何帮助如何解决这个问题？谢谢！

4

1 回答 1

0

查看函数和变量的导出方式可能会有所帮助，以便您了解它们是如何导入的。

我将进一步解释，但这里是文档：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export

要从文件中导出default变量/函数，您将使用该export default短语。

var testObj = { 'hello' : 'world' };
export default testObj;

要从文件中导入default变量/函数，您可以这样做：

import testObj from './testFile';

要从文件中导出标准变量/函数，您将使用标准export关键字。

var testObj = { 'hello' : 'world' };
var testObj2 = { 'hello' : 'again' };
export { testObj, testObj2 }; 
// or if you just want to export testObj - notice the default keyword is missing
export testObj;

要从文件中导入标准变量/函数，您必须将导入的变量/函数包裹在大括号内。

TL;博士;

只有从文件中导出的默认变量/函数可以在没有大括号的情况下导入，其他任何内容都必须从大括号内导入。Input不是默认导出，mdbreact因此必须像这样导入它：

import { Input } from 'mdbreact';

*将从文件中导入所有可用的导出，这就是允许导入工作的原因。但是您不想从使用的mdbreact每个文件中导入所有组件mdbreact，否则您的项目会很快变得臃肿。

于 2018-03-21T06:38:54.180 回答