Typoskript reagieren - Konnte nicht finden, eine Erklärung-Datei für das Modul "reagieren-materialisieren'. 'path/to/module-name.js' implizit hat jede Art

Ich versuche zu importieren Komponenten aus reagieren-materialisieren - 

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

Aber wenn das webpack ist compining meine .tsx wirft es einen Fehler für die oben genannten als -

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.

Irgendeine Lösung für dieses .Ich bin mir nicht sicher, wie diese zu lösen import-Anweisung für die Arbeit mit ts-loader und webpack.

Den index.js reagieren-materialisieren sieht gefällt das . Aber wie kann man dies beheben, für das Modul import in meinen eigenen Dateien ..

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

  • Zu installieren, müssen Sie die Testungen/Typen für das Paket (npm installieren @Typen/reagieren-materialisieren). Aber es sieht aus wie dieses noch nicht existiert, so müssen Sie möglicherweise, um Sie selbst erstellen. Ich fand diesen Artikel hilfreich - templecoding.com/blog/2016/03/31/...
  • Mitchell, so bedeutet das, dass jede Art von Typen, die uns fehlen, wären wir niemals in der Lage sein zu kompilieren webpack ohne dass dies die Erstellung dieser Art ? Sollte es eine Möglichkeit ?
  • Es gibt einen Weg - stackoverflow.com/questions/38224232/...
  • dies scheint ein bisschen wie ein workaround für mich.
InformationsquelleAutor Joy | 2017-01-04
  1. 30

    Für diejenigen, die wollte wissen, wie ich dies überwinden . Ich habe einen hack solche Sachen .

    In meinem Projekt habe ich einen Ordner erstellt namens @Types und fügte hinzu, es zu tsconfig.json für finden Sie alle Arten von es . So sieht es ein wenig wie diese - 

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

    Und drinnen, dass ich erstellt eine Datei namens alltypes.d.ts . Finden Sie die unbekannten Arten von es . also für mich waren diese unbekannten Typen und ich habe es dort drüben.

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

    So, jetzt das Typoskript nicht beschweren sich über die Art nicht mehr gefunden . 🙂 win-win-situation jetzt 🙂

    • Ich verpasste den Teil davon wird in einer separaten Datei. Scheint so, als ob man diese declare - Anweisungen in eine Datei mit dem Namen index.d.ts es fest für mich. Ich habe nicht zu berühren typeRoots.
    • Das funktioniert Prima, aber es führt zu Problemen bei der Verwendung von require für andere Sachen wie Bilder. Im Grunde genommen, geht es nicht nur erlauben, Sie zu verwenden require für alles.
    • diese Lösung funktioniert nicht mehr mit der neuesten TS. nvalid module name in augmentation. Module 'some-dumb-lib-with-no-types' resolves to an untyped module at '/path/to/module', which cannot be augmented.
    • Etwas, was auch noch erwähnenswert ist: abhängig von der Lage Ihrer Quellen, können Sie auch brauchen, um hinzuzufügen, "../types" zu Ihr "gehört" array
    • aber wenn ich die app starte, es beschwert sich mit der selben Fehlermeldung, wie es zu lösen?
    • Wenn Sie möchten, um es zu deaktivieren site-weit, können Sie stattdessen die edit-tsconfig.json und setzen noImplicitAny auf false.

    InformationsquelleAutor Joy
  2. 25

    Ich hatte einen ähnlichen Fehler, aber für mich war es react-router. Gelöst wird es durch die Installation von Arten für Sie. 

    npm install --save @types/react-router

    Fehler:

    (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.

    Wenn Sie möchten, um es zu deaktivieren site-weit, können Sie stattdessen Bearbeiten tsconfig.json - und set - noImplicitAny zu false.

    • Zwar gibt es derzeit keine solche @ - Typen/reagieren-navigation-tabs-Paket, aber immer noch die erwähnten "noImplicitAny": false, hast, deaktivieren Sie es (ich habe dieses Problem, aufgrund der Verwendung reagieren-native-init MyProject --template Typoskript, ich denke das zumindest so) ?
    InformationsquelleAutor Ogglas
  3. 7

    Ich hatte dasselbe problem mit reagieren-redux-Typen. Die einfachste Lösung
    war hinzufügen, um tsconfig.json:

    "noImplicitAny": false

    Beispiel:

    {
  "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"]
}
    • dies funktionierte großartig in IntelliJ IDE, aber die custom typeRoots - Methode (das ist die akzeptierte Antwort) hat auch die Arbeit in VS Code IDE
    InformationsquelleAutor Jackkobec
  4. 4

    Alles, was Sie tun müssen, ist, führen Sie das Skript unten. Dann entfernen/re-installieren Sie das Modul, das Sie verwenden möchten.

    npm install --save @types/react-redux
    InformationsquelleAutor Tun
  5. 2

    Auch dieser Fehler wird behoben, wenn das Paket, das Sie versuchen, zu verwenden hat seinen eigenen Typ-Datei(en) und es ist aufgeführt in der Paket.json typings Attribut

    Etwa so:

    {
  "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
}
    • Danke @Roy die Kunst , es funktionierte für mich +1
    InformationsquelleAutor Roy Art
  6. 2

    Mehr hacky Möglichkeit ist das hinzufügen von zB., im boot.tsx die Linie

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

    mit

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

    in declare_modules.d.ts

    Funktioniert es aber auch andere Lösungen sind besser IMO.

    InformationsquelleAutor Soleil
  7. 2

    Was ich Tat, war, führen Sie die folgenden Befehle aus den nodejs-Eingabeaufforderung während Sie in den Projekt-Ordner-Verzeichnis:

    1. npm init
    2. npm install -g webpack
    3. npm install --save react react-dom @types/react @types/react-dom
    4. npm install --save-dev typescript awesome-typescript-loader source-map-loader
    5. npm install ajv@^6.0.0
    6. npm i react-html-id
    7. importieren Sie das Paket(in node-Module) in App.js Datei durch hinzufügen des Codes: import UniqueId from 'react-html-id';

    Habe ich die oben genannten(ich hatte zwar bereits npm installiert) und es funktionierte!

    InformationsquelleAutor naru123
  8. 1

    funktioniert Prima 

    npm install @types/react-materialize
    InformationsquelleAutor Arturas
  9. 0

    Meinem Fall das Problem war, dass die Typen waren nicht immer Hinzugefügt, um Paket.json-Datei unter devDependencies, um es zu beheben ich lief npm install --save-dev @types/react-redux Hinweis: die --save-dev

    InformationsquelleAutor Japheth Ongeri - inkalimeva
  10. 0

    Wenn es keine @types/<package> für das Modul, das Sie verwenden, können Sie leicht beheben das Problem durch hinzufügen //@ts-ignore d.h.

    //@ts-ignore
import { render } from 'react-snapshot';

    Alternativ können Sie die fehlenden @types/<package> folgenden:

    Erklärung-Dateien veröffentlichen

    DefinitelyTyped wie kann ich dazu beitragen

    InformationsquelleAutor Mateja Petrović
  11. -1

    In tsconfig.json, set
    "noImplicitAny": false
    Feste das für mich

    • deaktivieren strikte Typisierung für das gesamte Projekt ist keine gute Lösung
    InformationsquelleAutor SemineLee
Schreibe einen Kommentar