Błąd pobierania kodu TypeScript TS2304: nie można znaleźć nazwy „wymaga”

Usiłuję uruchomić moją pierwszą aplikację TypeScript i DefinatelyTyped Node.js i napotkałem pewne błędy.

Podczas próby transponowania prostej strony TypeScript Node.js pojawia się błąd „TS2304: Nie można znaleźć nazwy„ wymagają ””. Przeczytałem kilka innych wystąpień tego błędu w przepełnieniu stosu i nie sądzę, że mam podobne problemy. Uruchamiam w wierszu poleceń polecenie:

tsc movie.server.model.ts.

Zawartość tego pliku to:

'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';

Błąd jest generowany na var mongoose=require('mongoose')linii.

Zawartość pliku typings / tsd.d.ts to:

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

Odwołania do plików .d.ts zostały umieszczone w odpowiednich folderach i dodane do typings / tsd.d.ts za pomocą poleceń:

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

Wydany plik .js wydaje się działać dobrze, więc mogłem zignorować błąd. Byłbym wdzięczny, wiedząc, dlaczego ten błąd występuje i co robię źle.

Szybko i brudno

Jeśli używasz tylko jednego pliku, lub robisz to w celach demonstracyjnych, możesz zdefiniować wymaganie na górze pliku TypeScript.

declare var require: any

TypeScript 2.x

Jeśli używasz TypeScript 2.x, nie musisz już mieć zainstalowanych Typings lub Definitywnie Typed. Wystarczy zainstalować następujący pakiet.

npm install @types/node --save-dev

Przyszłość plików deklaracji (15.06.2016)

Narzędzia takie jak Typings i tsd będą nadal działać, a my będziemy współpracować z tymi społecznościami, aby zapewnić płynne przejście.

Sprawdź lub edytuj plik src /tsconfig.app.json, aby zawierał następujące elementy:

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

Upewnij się, że plik znajduje się w folderze src, a nie w folderze głównym aplikacji.

Domyślnie każdy pakiet poniżej @types jest już uwzględniony w twojej kompilacji, chyba że podasz jedną z tych opcji. Czytaj więcej

TypeScript 1.x

Używając typografii (zastąpienie DefinitelyTyped), możesz określić definicję bezpośrednio z repozytorium GitHub.

Zainstaluj pisma

npm install typings -g --save-dev

Zainstaluj definicję typu wymagaJS z repozytorium DefinitelyType

typings install dt~node --save --global

Webpack

Jeśli używasz pakietu Webpack jako narzędzia kompilacji, możesz uwzględnić typy pakietu Webpack.

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

Zaktualizuj swój tsconfig.jsonza pomocą następujących w compilerOptions:

"types": [
      "webpack-env"
    ]

Umożliwia to wykonywanie require.ensureinnych funkcji specyficznych dla pakietu Webpack.

Angular CLI

Dzięki CLI możesz wykonać powyższy krok pakietu Webpack i dodać blok „typów” do swojego tsconfig.app.json.

Alternatywnie możesz użyć wstępnie zainstalowanych nodetypów. Pamiętaj, że będzie to obejmować dodatkowe typy kodu po stronie klienta, które nie są tak naprawdę dostępne.

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

W przypadku TypeScript 2.x są teraz dwa kroki:

1. Zainstaluj pakiet, który definiuje require. Na przykład:

   npm install @types/node --save-dev

2. Powiedz TypeScript, aby umieścił go globalnie w tsconfig.json:

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

Drugi krok jest ważny tylko wtedy, gdy potrzebujesz dostępu do globalnie dostępnych funkcji, takich jak require. W przypadku większości pakietów powinieneś po prostu użyć import package from 'package'wzorca. Nie ma potrzeby dołączania każdego pakietu do powyższej tablicy typów tsconfig.json.

Możesz

declare var require: any

Lub, aby uzyskać bardziej kompleksowe wsparcie, skorzystaj z pliku Def.dit

Zamiast tego var mongoose = require('mongoose')możesz wypróbować następujące

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

Ta odpowiedź dotyczy nowoczesnych konfiguracji (TypeScript 2.x, Webpack > 2.x)

Państwo nie trzeba instalować @ rodzai / węzeł (co jest wszystkich rodzajów node.js i nie ma znaczenia dla kodu front-end, faktycznie komplikowania rzeczy takie jak setTimout wartości różnią się w obie strony, etc ..

Ci zrobić konieczność instalowania @ typów / WebPack-ENV

npm i -D @types/webpack-env

co daje podpisy uruchomieniowe że WebPACK ma (w tym require, require.ensureetc.)

Upewnij się także, że plik tsconfig.json nie ma ustawionej tablicy „types” ->, dzięki czemu będzie pobierał wszystkie definicje typów w folderze node_modules / @ types.

Jeśli chcesz ograniczyć wyszukiwanie typów, możesz ustawić właściwość typeRoot na node_modules / @ types.

Zamiast:

'use strict';

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

Próbować:

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

'use strict';

tzn. najpierw ścieżka odniesienia.

W moim przypadku był to bardzo głupi problem src/tsconfig.app.json przesłaniało to tsconfig.jsonustawienie.

Miałem to w tsconfig.json:

    "types": [
      "node"
    ]

A ten w src/tsconfig.app.json:

    "types": []

Mam nadzieję, że ktoś uzna to za pomocne, ponieważ ten błąd powodował u mnie siwe włosy.

Dla porównania używam Angular 7.1.4 , TypeScript 3.1.6 i jedyne, co muszę zrobić, to dodać tę linię tsconfig.json:

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

Odkryłem, że rozwiązaniem było użycie polecenia TSD:

tsd install node --save

Który dodaje / aktualizuje typings/tsd.d.tsplik, a ten plik zawiera wszystkie definicje typów wymagane dla aplikacji węzła.

W górnej części mojego pliku umieszczam odniesienie do tsd.d.tsnastępującego:

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

Wymaganie jest zdefiniowane w ten sposób od stycznia 2016 r .:

declare var require: NodeRequire;

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

Wziąłem odpowiedź Petera Varga, aby dodać declare var require: any;i uczyniłem z niej ogólne rozwiązanie, które działa ogólnie dla wszystkich plików .ts przy użyciu modułu ładującego preprocess :

1. zainstaluj moduł ładujący preprocesora:

   npm install preprocessor-loader

2. dodaj moduł ładujący do pliku webpack.config.js (używam programu ts-loader do przetwarzania źródeł TypeScript):

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

3. Dodaj konfigurację, która doda obejście do każdego źródła:

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

Możesz dodać bardziej wymagające wymagania.d.ts w ten sam sposób, ale declare var require: any;w mojej sytuacji było to wystarczające.

Uwaga: w preprocesorze 1.0.5 występuje błąd , który odcina ostatnią linię, więc upewnij się, że na końcu masz dodatkowy znak odstępu linii i wszystko będzie dobrze.

Walczę również z tym problemem. Wierzę, że to działa na wszystkich kandydatów do wydania, czyli rc, ale nie testowałem. Dla @angular rc.2 działa dobrze.

1. Dodaj core-js jako zależność npm wpackage.json
2. biegać typings install core-js --save
3. usuń wszystkie "es6-shim"wystąpienia w swoim package.json. Już tego nie potrzebujesz.

Twoje zdrowie!

Upewnij się, że masz zainstalowany npm i @types/node

import * jako mongoose z „mongoose”

Czasami brakuje „jaśminu” z tsconfig.json może powodować ten błąd. (TypeScript 2.X)

Więc dodaj

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

do twojego tsconfig.jsonpliku.

Dodatek Electron + Angular 2/4:

Oprócz dodania typu „węzła” do różnych plików ts.config, ostatecznie zadziałało dla mnie dodanie następnego do typings.d.tspliku:

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

Zauważ, że mój przypadek rozwija się z Electron + Angular 2/4. Potrzebowałem wymagania globalnego okna.

Dla mnie jest to rozwiązane przez dodanie typów do opcji kompilatora kątowego.

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

1. Czy określiłeś, którego modułu użyć do transponowania kodu?
   tsc --target es5 --module commonjs script.ts
   Musisz to zrobić, aby poinformować transpiler, że kompilujesz kod NodeJS. Docs .

2. Musisz także zainstalować definicje mangusty
   tsd install mongoose --save

3. Nie używaj vardo deklarowania zmiennych (chyba że jest to konieczne, co jest bardzo rzadkim przypadkiem), użyj letzamiast tego. Dowiedz się więcej na ten temat

Oprócz odpowiedzi cgatian, dla TypeScript 1.x

Jeśli nadal widzisz błędy, podaj indeks.d.ts w opcjach kompilatora.

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

Nie mogłem dostać błędu „wymagaj”, aby odejść, używając jednej z powyższych sztuczek.

Ale odkryłem, że problem polegał na tym, że moje narzędzia TypeScript do Visual Studio, w których jest stara wersja (1.8.6.0) i najnowsza wersja na dzień dzisiejszy (2.0.6.0).

Możesz pobrać najnowszą wersję narzędzi z:

TypeScript for Visual Studio 2015

Jeśli możesz skompilować kod, ale znaki Visual Studio 2015 „wymagają” działają, ponieważ błędy z tekstem błędu nie mogą znaleźć nazwy „wymagają” lub nie mogą rozwiązać symbolu „wymagają” , zaktualizuj TypeScript dla Visual Studio 2015 do najnowszej wersji (w tej chwili 2.1. 5) i zaktualizuj ReSharper (jeśli go używasz) co najmniej do wersji 2016.3.2.

Przez jakiś czas miałem ten irytujący problem i nie mogłem znaleźć rozwiązania, ale w końcu rozwiązałem go w ten sposób.

Dodaj następujące elementy tsconfig.json:

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

Mam jeszcze jedną odpowiedź, która opiera się na wszystkich poprzednich, które opisują npm install @types/nodei włączając nodew tsconfig.json / compilerOptions / types.

W moim przypadku mam podstawową tsConfig.jsoni osobną w aplikacji Angular, która rozszerza tę:

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

Mój problem polegał na typestym, że jest pusty tsconfi.app.json- blokuje ten w konfiguracji podstawowej.

Jeśli masz do czynienia z tym problemem w pliku .ts, który jest tylko po to, aby zapewnić ci stałe wartości, możesz po prostu

zmień nazwę pliku .ts na .js

i błąd nie pojawi się ponownie.