TypeScript erhält Fehler TS2304: Name 'require' kann nicht gefunden werden

Ich versuche, meine erste TypeScript- und DefinitelyTyped Node.js-Anwendung zum Laufen zu bringen und einige Fehler zu finden.

Ich erhalte die Fehlermeldung "TS2304: Name 'require' kann nicht gefunden werden", wenn ich versuche, eine einfache TypeScript Node.js-Seite zu transpilieren. Ich habe mehrere andere Vorkommen dieses Fehlers beim Stapelüberlauf gelesen und glaube nicht, dass ich ähnliche Probleme habe. Ich führe an der Shell die Eingabeaufforderung aus:

tsc movie.server.model.ts.

Der Inhalt dieser Datei ist:

'use strict';

/// <reference path="typings/tsd.d.ts" />

/*    movie.server.model.ts - definition of movie schema */

var mongoose = require('mongoose'),
Schema = mongoose.Schema;

var foo = 'test';

Der Fehler wird in die var mongoose=require('mongoose')Zeile geworfen .

Der Inhalt der Datei typings / tsd.d.ts lautet:

/// <reference path="node/node.d.ts" />
/// <reference path="requirejs/require.d.ts" />

Die .d.ts-Dateiverweise wurden in den entsprechenden Ordnern abgelegt und mit den folgenden Befehlen zu typings / tsd.d.ts hinzugefügt:

tsd install node --save
tsd install require --save

Die erzeugte .js-Datei scheint gut zu funktionieren, daher könnte ich den Fehler ignorieren. Aber ich würde gerne wissen, warum dieser Fehler auftritt und was ich falsch mache.

Schnell und dreckig

Wenn Sie nur eine Datei mit require haben oder dies für Demozwecke tun, können Sie require oben in Ihrer TypeScript-Datei definieren.

declare var require: any

TypeScript 2.x.

Wenn Sie TypeScript 2.x verwenden, muss Typings oder Definitely Typed nicht mehr installiert sein. Installieren Sie einfach das folgende Paket.

npm install @types/node --save-dev

Die Zukunft der Deklarationsdateien (15.06.2016)

Tools wie Typings und tsd werden weiterhin funktionieren, und wir werden mit diesen Communitys zusammenarbeiten, um einen reibungslosen Übergang zu gewährleisten.

Überprüfen oder bearbeiten Sie Ihre src /tsconfig.app.json so, dass sie Folgendes enthält:

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

Stellen Sie sicher, dass sich die Datei im Ordner src und nicht im Ordner der Root-App befindet.

Standardmäßig ist jedes Paket unter @types bereits in Ihrem Build enthalten, es sei denn, Sie haben eine dieser Optionen angegeben. Weiterlesen

TypeScript 1.x.

Mithilfe von Typisierungen (DefinitelyTypeds Ersatz) können Sie eine Definition direkt aus einem GitHub-Repository angeben.

Installieren Sie die Eingaben

npm install typings -g --save-dev

Installieren Sie die requireJS-Typdefinition aus dem Repo von DefinitelyType

typings install dt~node --save --global

Webpack

Wenn Sie Webpack als Build-Tool verwenden, können Sie die Webpack-Typen einschließen.

npm install --save-dev @ types / webpack-env

Aktualisieren Sie Ihre tsconfig.jsonmit den folgenden unter compilerOptions:

"types": [
      "webpack-env"
    ]

Auf diese Weise können Sie require.ensureandere Webpack-spezifische Funktionen ausführen.

Angular CLI

Mit CLI können Sie dem obigen Webpack-Schritt folgen und den Block "types" zu Ihrem hinzufügen tsconfig.app.json.

Alternativ können Sie die vorinstallierten nodeTypen verwenden. Beachten Sie, dass dies zusätzliche Typen zu Ihrem clientseitigen Code enthält, die nicht wirklich verfügbar sind.

"compilerOptions": {
    // other options
    "types": [
      "node"
    ]
  }

Für TypeScript 2.x gibt es jetzt zwei Schritte:

1. Installieren Sie ein Paket, das definiert require. Zum Beispiel:

   npm install @types/node --save-dev

2. Weisen Sie TypeScript an, es global aufzunehmen in tsconfig.json:

   {
       "compilerOptions": {
           "types": ["node"]
       }
   }

Der zweite Schritt ist nur wichtig, wenn Sie Zugriff auf global verfügbare Funktionen wie benötigen require. Für die meisten Pakete sollten Sie nur das import package from 'package'Muster verwenden. Es ist nicht erforderlich, jedes Paket in das obige Array tsconfig.json-Typen aufzunehmen.

Du kannst

declare var require: any

Oder verwenden Sie für eine umfassendere Unterstützung die Anforderungen von DefinitelyTyped

Anstelle von var mongoose = require('mongoose')können Sie auch Folgendes versuchen

import mongoose from 'mongoose' // or
import mongoose = require('mongoose')

Diese Antwort bezieht sich auf moderne Setups (TypeScript 2.x, Webpack > 2.x)

Sie müssen nicht @ types / node installieren (dies sind alle Node.js-Typen und für den Front-End-Code irrelevant), was Dinge wie setTimout, verschiedene Rückgabewerte usw. kompliziert.

Sie tun müssen @ Typen installieren / webpack-env

npm i -D @types/webpack-env

wodurch man die Laufzeit Signaturen dass Webpack hat (einschließlich require, require.ensureetc.)

Stellen Sie außerdem sicher, dass in Ihrer Datei tsconfig.json kein Array 'types' festgelegt ist ->, wodurch alle Typdefinitionen in Ihrem Ordner node_modules / @ types abgerufen werden.

Wenn Sie die Suche nach Typen einschränken möchten, können Sie die Eigenschaft typeRoot auf node_modules / @ types setzen.

Anstatt:

'use strict';

/// <reference path="typings/tsd.d.ts" />

Versuchen:

/// <reference path="typings/tsd.d.ts" />

'use strict';

dh Referenzpfad zuerst.

In meinem Fall war es ein super dummes Problem, bei dem src/tsconfig.app.jsondas übersteuert wurdetsconfig.json Einstellung Kraft gesetzt wurde.

Also hatte ich das in tsconfig.json:

    "types": [
      "node"
    ]

Und dieser in src/tsconfig.app.json:

    "types": []

Ich hoffe, jemand findet das hilfreich, da dieser Fehler mir graue Haare verursachte.

Nur als Referenz verwende ich Angular 7.1.4 , TypeScript 3.1.6 und das einzige, was ich tun muss, ist diese Zeile hinzuzufügen in tsconfig.json:

    "types": ["node"], // within compilerOptions

Ich fand die Lösung darin, den TSD-Befehl zu verwenden:

tsd install node --save

Dadurch wird die typings/tsd.d.tsDatei hinzugefügt / aktualisiert , und diese Datei enthält alle Typdefinitionen, die für eine Knotenanwendung erforderlich sind.

Am Anfang meiner Datei habe ich einen Verweis auf tsd.d.tsFolgendes eingefügt:

/// <reference path="../typings/tsd.d.ts" />

Die Anforderung ist ab Januar 2016 wie folgt definiert:

declare var require: NodeRequire;

interface NodeModule {
    exports: any;
    require: NodeRequireFunction;
    id: string;
    filename: string;
    loaded: boolean;
    parent: any;
    children: any[];
}

Ich habe die Antwort von Peter Varga zum Hinzufügen genommen declare var require: any;und daraus eine generische Lösung gemacht, die mit dem Preprocess-Loader generisch für alle .ts-Dateien funktioniert :

1. Präprozessor-Loader installieren:

   npm install preprocessor-loader

2. Fügen Sie den Loader zu Ihrer webpack.config.js hinzu (ich verwende ts-loader zum Verarbeiten von TypeScript-Quellen):

    module: {
        loaders: [{
            test: /\.tsx?$/,
            loader: 'ts-loader!preprocessor?file&config=preprocess-ts.json'
        }]
    }

3. Fügen Sie die Konfiguration hinzu, mit der die Problemumgehung zu jeder Quelle hinzugefügt wird:

{
    "line": false,
    "file": true,
    "callbacks": [{
        "fileName": "all",
        "scope": "source",
        "callback": "(function shimRequire(source, fileName) { return 'declare var require: any;' + source; })"
    }]
}

Sie können die robustere require.d.ts auf die gleiche Weise hinzufügen , war aber declare var require: any;in meiner Situation ausreichend.

Beachten Sie, dass es in Präprozessor 1.0.5 einen Fehler gibt , der die letzte Zeile abschneidet. Stellen Sie also sicher, dass Sie am Ende einen zusätzlichen Zeilenabstand haben und alles in Ordnung ist.

Ich habe auch mit diesem Problem zu kämpfen. Ich glaube, dass dies für alle Release-Kandidaten alias rc funktioniert, aber ich habe es nicht getestet. Für @angular rc.2 funktioniert es gut.

1. Fügen Sie core-jsals npm Abhängigkeit inpackage.json
2. Lauf typings install core-js --save
3. Entfernen Sie alle "es6-shim"Vorkommen in Ihrem package.json. Du brauchst es nicht mehr.

Prost!

Stellen Sie sicher, dass Sie installiert haben npm i @types/node

Import * als Mungo aus 'Mungo'

Das Fehlen von "Jasmin" in tsconfig.json kann diesen Fehler verursachen. (TypeScript 2.X)

Also hinzufügen

"types": [
  "node",
  "jasmine"
]

zu Ihrer tsconfig.jsonDatei.

Elektron + Winkel 2/4 Addition:

Zusätzlich zum Hinzufügen des Typs 'node' zu verschiedenen Dateien von ts.config funktionierte das, was für mich schließlich funktionierte, das Hinzufügen des nächsten zur typings.d.tsDatei:

declare var window: Window;
interface Window {
  process: any;
  require: any;
}

Beachten Sie, dass sich mein Fall mit Electron + Angular 2/4 entwickelt. Ich brauchte die Anforderung auf dem Fenster global.

Für mich wird es durch Hinzufügen von Typen zu den Winkel-Compiler-Optionen gelöst .

"angularCompilerOptions": {
"fullTemplateTypeCheck": true,
"strictInjectionParameters": true,
"types": [ "node" ]
}

1. Haben Sie angegeben, mit welchem ​​Modul der Code transpiliert werden soll?
   tsc --target es5 --module commonjs script.ts
   Sie müssen dies tun, um den Transpiler darüber zu informieren, dass Sie NodeJS-Code kompilieren. Docs .

2. Sie müssen auch Mungo-Definitionen installieren
   tsd install mongoose --save

3. varVerwenden Sie letstattdessen nicht, um Variablen zu deklarieren (es sei denn, dies ist ein sehr seltener Fall) . Erfahren Sie mehr darüber

Nur zusätzlich zu cgatians Antwort für TypeScript 1.x.

Wenn weiterhin Fehler auftreten, geben Sie in Ihren Compileroptionen speziell index.d.ts an.

"files": [
    "typings/index.d.ts"
]

Ich konnte den 'Require'-Fehler nicht mit einem der oben genannten Tricks beseitigen.

Ich fand jedoch heraus, dass das Problem darin bestand, dass meine TypeScript-Tools für Visual Studio eine alte Version (1.8.6.0) und die neueste Version von heute (2.0.6.0) enthielten.

Sie können die neueste Version der Tools herunterladen von:

TypeScript für Visual Studio 2015

Wenn Sie Code kompilieren können, Visual Studio 2015 jedoch die Markierungsfunktionen "erforderlich" aktiviert, da Fehler mit Fehlertext den Namen "erforderlich" nicht finden oder das Symbol "erforderlich" nicht auflösen können. , aktualisieren Sie TypeScript für Visual Studio 2015 auf die neueste Version (derzeit 2.1). 5) und aktualisieren Sie ReSharper (falls Sie es verwenden) auf mindestens Version 2016.3.2.

Ich hatte dieses nervige Problem für eine Weile und konnte keine Lösung finden, aber ich habe es schließlich auf diese Weise gelöst.

Fügen Sie Folgendes hinzu tsconfig.json:

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

Ich habe noch eine andere Antwort , die auf allen früheren Builds , die beschreiben , npm install @types/nodeeinschließlich nodein tsconfig.json / compilerOptions / types.

In meinem Fall habe ich eine Basis tsConfig.jsonund eine separate in der Angular-Anwendung, die diese erweitert:

{
    "extends": "../../tsconfig.json",
    "compilerOptions": {
        "outDir": "../out-tsc/app",
        "types": []
 },

Mein Problem war das leere typesin diesem tsconfi.app.json- es verstopft das in der Basiskonfiguration.

Wenn Sie dieses Problem in einer .ts-Datei haben, die nur dazu dient, Ihnen einige konstante Werte bereitzustellen, können Sie dies einfach tun

Benennen Sie Ihre .ts-Datei in .js-Datei um

und der Fehler wird nicht wiederkommen.