Typescript react-找不到模块“react-materialize”的声明文件path/to/module name.js隐式地具有any类型

Question

我正试图从反应物化中导入组件-

import {Navbar, NavItem} from 'react-materialize';

但是，当网页包编译my.tsx时，它会抛出一个错误，如下所示-

ERROR in ./src/common/navbar.tsx
(3,31): error TS7016: Could not find a declaration file for module 'react-materi
alize'. 'D:\Private\Works\Typescript\QuickReact\node_modules\react-materialize\l
ib\index.js' implicitly has an 'any' type.

对此有什么解决办法吗？我不确定如何解决这个导入语句与ts-loader和webpack一起工作。

react-具体化的index.js看起来像这样。但是我如何解决这个模块导入在我自己的文件？

https://github.com/react-materialize/react-materialize/blob/master/src/index.js

Answer 1

我对反应还原类型也有同样的问题。最简单的解决方案是添加到tsconfig.json：

"noImplicitAny": false

{
  "compilerOptions": {
    "allowJs": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "isolatedModules": true,
    "jsx": "react",
    "lib": ["es6"],
    "moduleResolution": "node",
    "noEmit": true,
    "strict": true,
    "target": "esnext",
    "noImplicitAny": false,
  },
  "exclude": ["node_modules", "babel.config.js", "metro.config.js", "jest.config.js"]
}

Answer 2

对于那些想知道我是如何克服这一点的人。我做了一些黑客的事情。

在我的项目中，我创建了一个名为@types的文件夹，并将其添加到tsconfig.json中，以便从中查找所有必需的类型。看起来有点像这样-

"typeRoots": [
  "../node_modules/@types",
  "../@types"
]

在里面我创建了一个名为alltypes.d.ts的文件。从中找到未知的类型。所以对我来说，这些是未知的类型，我把它加在那里。

declare module 'react-materialize';
declare module 'react-router';
declare module 'flux';

所以现在打字稿没有抱怨再也找不到类型了。：）双赢的局面：）

Answer 3

我有一个类似的错误，但对我来说是react router。通过为其安装类型解决了此问题。

npm install --save @types/react-router

错误：

(6,30): error TS7016: Could not find a declaration file for module 'react-router'. '\node_modules\react-router\index.js' implicitly has an 'any' type.

如果您想在站点范围内禁用它，您可以改为编辑tsconfig.json并将noImplicitAny设置为false。