Es konnte keine Deklarationsdatei für das Modul 'Modulname' gefunden werden. '/path/to/module-name.js' hat implizit einen 'any'-Typ

Ich habe gelesen, wie die Auflösung des TypeScript- Moduls funktioniert.

Ich habe das folgende Repository: @ ts-stack / di . Nach dem Kompilieren lautet die Verzeichnisstruktur wie folgt:

├── dist
│   ├── annotations.d.ts
│   ├── annotations.js
│   ├── index.d.ts
│   ├── index.js
│   ├── injector.d.ts
│   ├── injector.js
│   ├── profiler.d.ts
│   ├── profiler.js
│   ├── providers.d.ts
│   ├── providers.js
│   ├── util.d.ts
│   └── util.js
├── LICENSE
├── package.json
├── README.md
├── src
│   ├── annotations.ts
│   ├── index.ts
│   ├── injector.ts
│   ├── profiler.ts
│   ├── providers.ts
│   └── util.ts
└── tsconfig.json

In meine package.json habe ich geschrieben "main": "dist/index.js".

In Node.js funktioniert alles gut, aber TypeScript:

import {Injector} from '@ts-stack/di';

Es konnte keine Deklarationsdatei für das Modul '@ ts-stack / di' gefunden werden. '/path/to/node_modules/@ts-stack/di/dist/index.js' hat implizit einen 'any'-Typ.

Und doch, wenn ich wie folgt importiere, dann funktioniert alles:

import {Injector} from '/path/to/node_modules/@ts-stack/di/dist/index.js';

Was mache ich falsch?

Hier sind zwei weitere Lösungen

Wenn ein Modul nicht Ihnen gehört, versuchen Sie, Typen zu installieren von @types:

npm install -D @types/module-name

Wenn die oben genannten Installationsfehler auftreten, ändern Sie die importAnweisungen in require:

// import * as yourModuleName from 'module-name';
const yourModuleName = require('module-name');

Wenn Sie ein Modul eines Drittanbieters 'foo'importieren, das weder in der Bibliothek selbst noch im @types/fooPaket (generiert aus dem DefinitelyTyped- Repository) Typisierungen bereitstellt, können Sie diesen Fehler beheben, indem Sie das Modul in a deklarieren Datei mit einer .d.tsErweiterung. TypeScript sucht .d.tsan denselben Stellen nach .tsDateien wie nach normalen Dateien: wie unter "Dateien", "Einschließen" und "Ausschließen" in der Datei angegeben tsconfig.json.

// foo.d.ts
declare module 'foo';

Wenn Sie dann importieren, wird fooes einfach als eingegeben any.

Wenn Sie Ihre eigenen Eingaben rollen möchten, können Sie dies auch tun:

// foo.d.ts
declare module 'foo' {
    export function getRandomNumber(): number
} 

Dann wird dies korrekt kompiliert:

import { getRandomNumber } from 'foo';
const x = getRandomNumber(); // x is inferred as number

Sie müssen keine vollständigen Typisierungen für das Modul bereitstellen, gerade genug für die Bits, die Sie tatsächlich verwenden (und für die Sie die richtigen Typisierungen wünschen). Dies ist besonders einfach, wenn Sie eine relativ kleine Menge an API verwenden.

Wenn Sie sich jedoch nicht für die Typisierung externer Bibliotheken interessieren und möchten, dass alle Bibliotheken ohne Typisierung als importiert werden any, können Sie dies einer Datei mit der folgenden .d.tsErweiterung hinzufügen :

declare module '*';

Der Vorteil (und Nachteil) davon ist, dass Sie absolut alles importieren können und TS kompiliert.

Wenn Sie eine schnelle Lösung benötigen, fügen Sie diese einfach vor der Zeile Ihres Imports hinzu:

// @ts-ignore

Das Gefühl , wenn man zwei Tage lang suchen und es so finden: einfach entfernen .jsaus "main": "dist/index.js"in package.jsonund alles funktioniert!

"main": "dist/index",

UPD : Diese Antwort ist relativ, wenn Sie Ihr eigenes npm-Paket haben, wenn nicht - siehe meine Antwort unten .

Und wenn oben genannte Antwort nicht importieren Ihr Modul behoben, versuchen Sie fügen Sie einfach typingsin package.json:

"main": "dist/index",
"typings": "dist/index",

Natürlich hier Ordner dist- hier werden die Dateien Ihres Moduls gespeichert.

TypeScript implementiert im Wesentlichen Regeln und fügt Ihrem Code Typen hinzu, um ihn klarer und genauer zu machen, da in Javascript keine Einschränkungen bestehen. Bei TypeScript müssen Sie Ihre Daten beschreiben, damit der Compiler Ihren Code überprüfen und Fehler finden kann. Der Compiler informiert Sie, wenn Sie nicht übereinstimmende Typen verwenden, wenn Sie sich außerhalb Ihres Gültigkeitsbereichs befinden oder wenn Sie versuchen, einen anderen Typ zurückzugeben. Wenn Sie externe Bibliotheken und Module mit TypeScript verwenden, müssen diese Dateien enthalten, die die Typen in diesem Code beschreiben. Diese Dateien werden als Typdeklarationsdateien mit einer Erweiterung bezeichnet d.ts. Die meisten Deklarationstypen für npm-Module sind bereits geschrieben und können mit verwendet werden npm install @types/module_name(wobei module_name der Name des Moduls ist, dessen Typen Sie einschließen möchten).

Es gibt jedoch Module, deren Typdefinitionen nicht vorhanden sind. Um den Fehler zu beheben und das Modul mithilfe von zu importieren import * as module_name from 'module-name', erstellen Sie einen Ordner typingsim Stammverzeichnis Ihres Projekts, erstellen Sie einen neuen Ordner mit Ihrem Modulnamen und darin Ordner eine module_name.d.tsDatei erstellen und schreiben declare module 'module_name'. Gehen Sie danach einfach zu Ihrer tsconfig.jsonDatei und fügen Sie "typeRoots": [ "../../typings", "../../node_modules/@types"]das hinzu compilerOptions(mit dem richtigen relativen Pfad zu Ihren Ordnern), um TypeScript mitzuteilen, wo es die Typdefinitionen Ihrer Bibliotheken und Module finden kann, und fügen Sie "exclude": ["../../node_modules", "../../typings"]der Datei eine neue Eigenschaft hinzu . Hier ist ein Beispiel, wie Ihre tsconfig.json-Datei aussehen sollte:

{
    "compilerOptions": {
        "module": "commonjs",
        "noImplicitAny": true,
        "sourceMap": true,
        "outDir": "../dst/",
        "target": "ESNEXT",
        "typeRoots": [
            "../../typings",
            "../../node_modules/@types"
        ]
    },
    "lib": [
            "es2016"
    ],
    "exclude": [
        "../../node_modules",
        "../../typings"
    ]
}

Auf diese Weise wird der Fehler behoben und Sie können sich an die neuesten ES6- und TypeScript-Regeln halten.

Versuchen Sie für alle anderen, die dies lesen, Ihre .js-Datei in .ts umzubenennen

Bearbeiten: Sie können auch "allowJs": truezu Ihrer tsconfig-Datei hinzufügen .

Dieser Weg funktioniert bei mir:

declare module 'Injector';

  {
    "compilerOptions": {
        "strictNullChecks": true,
        "moduleResolution": "node",
        "jsx": "react",
        "noUnusedParameters": true,
        "noUnusedLocals": true,
        "allowSyntheticDefaultImports":true,
        "target": "es5",
        "module": "ES2015",
        "declaration": true,
        "outDir": "./lib",
        "noImplicitAny": true,
        "importHelpers": true
      },
      "include": [
        "src/**/*",
        "index.d.ts",   // declaration file path
      ],
      "compileOnSave": false
    }

- edit: benötigte Anführungszeichen um den Modulnamen

Ich hatte das gleiche Problem bei der Verwendung eines Knotenmoduls mit einer in Typoskript geschriebenen Reaktionsanwendung. Das Modul wurde erfolgreich mit installiert npm i --save my-module. Es ist in Javascript geschrieben und exportiert eine ClientKlasse.

Mit:

import * as MyModule from 'my-module';
let client: MyModule.Client = new MyModule.Client();

Die Kompilierung schlägt mit dem Fehler fehl:

Could not find a declaration file for module 'my-module'. 
'[...]/node_modules/my-module/lib/index.js' implicitly has an 'any' type.
  Try `npm install @types/my-module` if it exists or add a new declaration (.d.ts) file containing `declare module 'my-module';`

@types/my-moduleexistiert nicht, daher habe ich my-module.d.tsneben der Datei, in die my-moduleimportiert wird, eine Datei mit der vorgeschlagenen Zeile hinzugefügt . Ich habe dann den Fehler bekommen:

Namespace '"my-module"' has no exported member 'Client'.

Der Client wird tatsächlich exportiert und funktioniert normal, wenn ich ihn in einer js-App verwende. Außerdem sagt mir die vorherige Nachricht, dass der Compiler in der richtigen Datei sucht ( /node_modules/my-module/lib/index.jswird im my-module/package.json "main"Element definiert ).

Ich habe das Problem gelöst, indem ich dem Compiler mitgeteilt habe any, dass implizite Dinge mir egal sind, dh ich habe falsedie folgende Zeile der tsconfig.jsonDatei festgelegt:

    "noImplicitAny": false,

Einfach zu beheben ist:

// example.d.ts
declare module 'foo';

Wenn Sie die Schnittstelle des Objekts deklarieren möchten (Empfehlung für großes Projekt), können Sie Folgendes verwenden:

// example.d.ts
declare module 'foo'{
    // example
    export function getName(): string
}

Wie benutzt man das? einfach..

const x = require('foo') // or import x from 'foo'
x.getName() // intellisense can read this

Ich bekam das auch, hatte mich eine Weile verwirrt, selbst wenn das Modul und die Typen bereits installiert waren und meine IDE mehrmals neu geladen wurden.

In meinem Fall wurde das Problem behoben, indem Terminalprozesse beendet, entfernt node_modules, der Cache des Node Package Managers geleert und installder Editor neu geladen wurde.

Leider liegt es nicht in unserer Hand, ob der Paketschreiber mit einer Deklarationsdatei stört. Ich neige dazu, eine Datei zu haben index.d.ts, die alle fehlenden Deklarationsdateien aus verschiedenen Paketen enthält:

Index.ts:

declare module 'v-tooltip';
declare module 'parse5';
declare module 'emoji-mart-vue-fast';

Das hat bei mir funktioniert.

npm install --save readline

Ich habe hier alles versucht, aber für mich war es ein ganz anderes Problem: Ich musste *.d.tsalle Importanweisungen entfernen :

import { SomeModuleType } from '3rd-party-module';

Nach dem Entfernen des Fehlers ging weg ...

Erläuterung : Wenn wir ein Modul in einer *.d.tsDatei deklarieren , wird es vom Typescript-Compiler automatisch als Umgebungsmodul übernommen (das Sie nicht explizit importieren müssen). Sobald wir das angegeben haben import ... from ..., wird die Datei nun zu einem normalen (ES6) Modul und wird daher nicht automatisch aufgenommen. Wenn Sie also weiterhin möchten, dass es sich wie ein Umgebungsmodul verhält , verwenden Sie einen anderen Importstil wie folgt :

type MyType: import('3rd-party-module').SomeModuleType;

Sie können es einfach mit dem folgenden Code importieren:

var _ = require('your_module_name');