TS2503:找不到命名空间“WebDataRocks”

Question

我有一个react应用程序，我试图使用WebDataRocks来呈现来自bd的数据。但是，当我试图构建时，我得到的错误是：

TS2503:找不到名称空间'WebDataRocks‘。

我试了几次，但还是收到了错误。唯一起作用的是当我添加一个忽略类型和index.d.js类型的标志时。但是，我不能更改模块，因为当我发送prod区域的代码时，它将无法工作。

我猜文件应该是tsx而不是ts。但是，我同样不能改变模块。

有什么想法吗？

Answer 1

我建议创建一个新项目并嵌入WebDataRocks来检查如何导入模块。

下面是一个简短的指南：

如果您还没有一个

1. 应用程序，请在控制台中运行以下命令创建一个React+TS应用程序：

npx create-react-app my-app --template typescript

cd my-app

• Get来自npm的WebDataRocks反应模块：

npm install react-webdatarocks

• Add WebDataRocks对src/index.tsx文件的样式：

将import 'webdatarocks/webdatarocks.css'

• Import模块import 'webdatarocks/webdatarocks.css'

• Import到src/App.tsx文件：

import * as WebDataRocksReact from 'react-webdatarocks';

• Open src/App.tsx并使用WebDataRocksReact.Pivot组件添加WebDataRocks：

function App() {
    return (
      <div className="App">
        <WebDataRocksReact.Pivot 
         toolbar={true}
         componentFolder="https://cdn.webdatarocks.com/"
         width="100%"
         report="https://cdn.webdatarocks.com/reports/report.json"
        />
      </div>
    );
}

1. 运行您的应用程序：

浏览器中的npm start

• Open http://localhost:3000/ - WebDataRocks嵌入到React+TS项目中.