无法使用typescript的react-grid-layout
无法使用typescript的react-grid-layout
提问于 2018-12-11 09:30:53
我有一个新项目，我尝试使用react-grid-layout来构建仪表板。不幸的是，我不能让它工作。
我使用：
"@types/react-grid-layout": "0.16.5" "react-grid-layout": "0.16.5"
当我尝试在tsx文件中使用它时
import { ReactGridLayout } from 'react-grid-layout';我得到了错误：
ReactGridLayout没有导出的成员“
/node_modules/@types/react-grid-layout/index"‘”。
有没有什么建议是我做错了？
更新
附加信息:我在.Net核心2.1上运行的SPA 2.1应用程序中使用它，我是如何尝试使用它的：
import * as React from 'react';
import { RouteComponentProps } from 'react-router';
import ReactGridLayout, { Layout } from 'react-grid-layout';
//const ReactGridLayout = require('react-grid-layout');
export class Dashboard extends React.Component<RouteComponentProps<{}>, {}> {
//ReactGridLayout = require('react-grid-layout');`
public render() {
//const ReactGridLayout = require('react-grid-layout');
var layout = [
{ i: 'a', x: 0, y: 0, w: 1, h: 2, static: true },
{ i: 'b', x: 1, y: 0, w: 3, h: 2, minW: 2, maxW: 4 },
{ i: 'c', x: 4, y: 0, w: 1, h: 2 }
];
return <div>
<ReactGridLayout className="layout" layout={layout} cols={12} rowHeight={30} width={1200}>`
<div key="a">a</div>
<div key="b">b</div>
<div key="c">c</div>
</ReactGridLayout>`
</div>;
}
}回答 2
Stack Overflow用户
发布于 2018-12-13 06:09:15
最后，我使用了https://github.com/Microsoft/TypeScript-React-Starter/issues/8中的以下步骤:将"esModuleInterop": true, "allowSyntheticDefaultImports": true,添加到tsconfig.json文件中。在那之后，一切都像一个护身符一样工作。如果其他人在.net核心react应用程序中遇到了类似的问题，我希望这会有所帮助。
Stack Overflow用户
发布于 2018-12-11 15:39:33
有时，相同名称的imports在JavaScript中有效，但在TypeScript中不起作用。尝试使用require，它对我很有效。
const ReactGridLayout = require('react-grid-layout');我有一个使用TypesScript https://codesandbox.io/s/5x5nyjqjwl的工作示例
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53716111
复制相关文章
相似问题