Typcript react - Не удалось найти файл декларации для модуля '' react-materialize '. «Путь/к/модуль-name.js» неявно имеет любой тип

Question

Я пытаюсь импортировать компоненты из реагировать-материализоваться -

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

Но когда WebPack это compining мой .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.

index.js с видом на материю выглядит так. Но как решить эту проблему для импорта модуля в своих собственных файлах ..

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

Answer 1

Для тех, кто хотел бы знать, что, как я это преодолеть. Я сделал взломанный материал.

Внутри моего проекта я создал папку с именем @Types и добавил ее в tsconfig.json для поиска всех необходимых типов. Так это выглядит примерно так -

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

И внутри, что я создал файл с именем alltypes.d.ts. Найти неизвестные типы. поэтому для меня это были неизвестные типы, и я добавил их туда.

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

Так что теперь машинопись не жаловалась на типы, которые больше не найдены. :) win win status now :)

Answer 2

У меня была подобная ошибка, но для меня это было 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.

Answer 3

Кроме того, эта ошибка будет исправлена, если пакет, который вы пытаетесь использовать имеет собственный тип файла (ов) и он перечислил его в package.jsontypings атрибут

Как так:

{ 
    "name": "some-package", 
    "version": "X.Y.Z", 
    "description": "Yada yada yada", 
    "main": "./index.js", 

    "typings": "./index.d.ts", 

    "repository": "https://github.com/yadayada.git", 
    "author": "John Doe", 
    "license": "MIT", 
    "private": true 
} 

Answer 4

более Hacky способ добавить, например., в boot.tsx линии

import './path/declare_modules.d.ts'; 

с

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

в declare_modules.d.ts

Это работает, но и другие решения лучше ИМО.

Answer 5

Все, что вам нужно сделать, - запустить приведенный ниже сценарий.затем удалите/переустановите модуль, который вы хотите использовать.

НОЙ установка --save @ типов/реагировать-перевождите