Tapuscrit réagir, ne Pourrait pas trouver un fichier de déclaration pour le module "réagissent-matérialiser'. 'path/to/module-name.js' a implicitement une n'importe quel type

Je suis en train d'importer des éléments à partir de réagir-se matérialiser - 

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

Mais quand le webpack est compining mon .tsx il renvoie une erreur pour ceux d'en haut -

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.

Toute résolution de ce .Je suis pas sûr de la façon de résoudre cette instruction import pour travailler avec ts-loader et webpack.

La index.js de réagir-matérialiser les regards aime cela . Mais comment faire pour résoudre ce pour le module d'importation dans mes propres fichiers ..

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

Vous devez installer le typings/types pour l'emballage (npm install @types/réagir-matérialiser). Toutefois, il ressemble à ce qui n'existe pas encore, alors vous pouvez avoir besoin de créer vous-même. J'ai trouvé cet article utile - templecoding.com/blog/2016/03/31/...
Mitchell est-ce que signifie toute sorte de types de ce qui nous manque nous n'aurions jamais être en mesure de compiler webpack sans cette la création de ces types ? Il devrait être d'une certaine façon ?
Il y a un moyen - stackoverflow.com/questions/38224232/...
cela semble être un peu une solution de contournement pour moi.

OriginalL'auteur Joy | 2017-01-04

  1. 25

    Pour ceux qui voulait savoir comment ai-je remédier à cela . J'ai fait un hack, ce genre de choses .

    À l'intérieur de mon projet, j'ai créé un dossier appelé @Types et de l'ajouter à tsconfig.json pour trouver tous les types de . De sorte qu'il ressemble un peu à ce - 

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

    Et à l'intérieur que j'ai créé un fichier appelé alltypes.d.ts . Pour trouver les types inconnus . donc, pour moi, c'étaient les types inconnus et je l'ai ajouté.

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

    Alors maintenant, le tapuscrit n'ai pas à me plaindre sur les types non plus trouvée . 🙂 win win situation maintenant 🙂

    J'ai raté la partie sur d'être dans un fichier séparé. Semble comme mettre ceux declare instructions dans un fichier nommé index.d.ts fixe pour moi. Je n'ai pas eu à toucher typeRoots.
    Qui fonctionne très bien, mais il provoque des problèmes lors de l'utilisation de require pour d'autres trucs comme des images. Fondamentalement, il n'a tout simplement pas vous permettre d'utiliser require pour quoi que ce soit.
    cette solution ne fonctionne plus avec la dernière 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.
    Quelque chose d'aussi intéressant de mentionner: en fonction de l'emplacement de votre source, vous pouvez également avoir besoin d'ajouter "../types" de votre "comprend" tableau
    mais quand je lance l'application, elle se plaint avec le même message d'erreur, comment le résoudre?

    OriginalL'auteur Joy

  2. 18

    J'ai eu une erreur similaire, mais pour moi, c'était react-router. Résolu par types d'installation. 

    npm install --save @types/react-router

    Erreur:

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

    Si vous souhaitez le désactiver à l'échelle du site, vous pouvez au lieu de modifier tsconfig.json et définir noImplicitAny à false.

    OriginalL'auteur Ogglas

  3. 4

    Tout ce que vous devez faire est d'exécuter le script ci-dessous. ensuite, supprimer et ré-installer le module que vous souhaitez utiliser.

    npm install --save @types/réagir-redux

    OriginalL'auteur Tun

  4. 2

    Plus hacky façon est d'ajouter par exemple., dans le coffre.la tsx la ligne

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

    avec

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

    dans declare_modules.d.ts

    Il fonctionne, mais d'autres solutions sont mieux IMO.

    OriginalL'auteur Soleil

  5. 2

    Ce que j'ai fait exécuter les commandes suivantes à partir de nodejs invite de commande dans le dossier du projet de répertoire:

    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. importer le package(dans le nœud de modules) App.js fichier en ajoutant le code: import UniqueId from 'react-html-id';

    Je l'ai fait ci-dessus(bien que j'ai déjà eu des mnp installé) et cela a fonctionné!

    OriginalL'auteur naru123

  6. 2

    Dans le tsconfig.json, ensemble
    "noImplicitAny": false
    fixe-moi ce

    OriginalL'auteur SemineLee

  7. 1

    Aussi, cette erreur est résolu si le paquet que vous essayez d'utiliser a son propre type de fichier(s) et elle est répertoriée dans la paquet.json typings attribut

    Comme suit:

    {
  "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
}

    OriginalL'auteur Roy Art

  8. 0

    Pour mon cas, le problème est que le type n'a pas été s'ajouter à forfait.fichier json sous devDependencies pour le fixer, j'ai couru npm install --save-dev @types/react-redux note le --save-dev

    OriginalL'auteur Japheth Ongeri - inkalimeva