TypeScript ได้รับข้อผิดพลาด TS2304: ไม่สามารถหาชื่อ 'ต้องการ'

ฉันกำลังพยายามรับแอปพลิเคชั่น TypeScript และ DefinitelyTyped Node.js ครั้งแรกของฉันและทำงานและพบข้อผิดพลาดบางอย่าง

ฉันได้รับข้อผิดพลาด "TS2304: ไม่สามารถหาชื่อ 'ต้อง'" เมื่อฉันพยายามที่จะ transpile หน้า TypeScript Node.js ง่าย ๆ ฉันได้อ่านข้อผิดพลาดนี้หลายครั้งใน Stack Overflow และฉันไม่คิดว่าฉันมีปัญหาที่คล้ายกัน ฉันกำลังรันที่ shell prompt พร้อมรับคำสั่ง:

tsc movie.server.model.ts.

เนื้อหาของไฟล์นี้คือ:

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

เกิดข้อผิดพลาดในvar mongoose=require('mongoose')บรรทัด

เนื้อหาของไฟล์ typings / tsd.d.ts คือ:

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

การอ้างอิงไฟล์. d.ts ถูกวางไว้ในโฟลเดอร์ที่เหมาะสมและเพิ่มไปยัง typings / tsd.d.ts โดยคำสั่ง:

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

ไฟล์. js ที่ผลิตดูเหมือนว่าจะทำงานได้ดีดังนั้นฉันสามารถข้ามข้อผิดพลาดได้ แต่ฉันอยากจะรู้ว่าทำไมข้อผิดพลาดนี้เกิดขึ้นและสิ่งที่ฉันทำผิด

รวดเร็วและสกปรก

หากคุณมีไฟล์เพียงไฟล์เดียวที่ต้องการใช้งานหรือคุณกำลังทำสิ่งนี้เพื่อการสาธิตคุณสามารถกำหนดความต้องการที่ด้านบนของไฟล์ TypeScript ของคุณ

declare var require: any

TypeScript 2.x

หากคุณใช้ TypeScript 2.x คุณไม่จำเป็นต้องติดตั้ง Typings หรือ Typical Typical อีกต่อไป เพียงติดตั้งแพ็คเกจต่อไปนี้

npm install @types/node --save-dev

อนาคตของไฟล์คำประกาศ (6/15/2559)

เครื่องมือเช่น Typings และ tsd จะยังคงทำงานต่อไปและเราจะทำงานร่วมกับชุมชนเหล่านั้นเพื่อให้แน่ใจว่าการเปลี่ยนแปลงราบรื่น

ตรวจสอบหรือแก้ไขsrc /tsconfig.app.json ของคุณเพื่อให้มีสิ่งต่อไปนี้:

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

ตรวจสอบให้แน่ใจว่าเป็นไฟล์ในโฟลเดอร์srcและไม่มีไฟล์ในโฟลเดอร์แอปรูท

ตามค่าเริ่มต้นแพ็คเกจใด ๆ ภายใต้ @types จะรวมอยู่ในบิลด์ของคุณแล้วเว้นแต่ว่าคุณได้ระบุตัวเลือกใดตัวเลือกหนึ่งเหล่านี้ อ่านเพิ่มเติม

TypeScript 1.x

การใช้การพิมพ์ (การแทนที่ของ DefinitelyTyped) คุณสามารถระบุคำจำกัดความได้โดยตรงจากที่เก็บ GitHub

ติดตั้งแบบอักษร

npm install typings -g --save-dev

ติดตั้งนิยามประเภท requireJS จาก repo ของ DefinitelyType

typings install dt~node --save --global

Webpack

หากคุณใช้ Webpack เป็นเครื่องมือสร้างของคุณคุณสามารถรวมประเภท Webpack ได้

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

อัปเดตของคุณtsconfig.jsonด้วยสิ่งต่อไปนี้ภายใต้compilerOptions:

"types": [
      "webpack-env"
    ]

สิ่งนี้ช่วยให้คุณทำrequire.ensureและฟังก์ชั่นเฉพาะของ Webpack อื่น ๆ

CLI เชิงมุม

ด้วย CLI คุณสามารถทำตามขั้นตอนข้างต้น Webpack และเพิ่ม "ประเภท" tsconfig.app.jsonบล็อกของคุณ

หรือคุณสามารถใช้nodeประเภทที่ติดตั้งไว้ล่วงหน้า โปรดทราบว่านี่จะรวมประเภทเพิ่มเติมให้กับรหัสฝั่งไคลเอ็นต์ของคุณที่ไม่สามารถใช้งานได้จริง

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

สำหรับ TypeScript 2.xขณะนี้มีสองขั้นตอน:

1. requireติดตั้งแพคเกจที่กำหนด ตัวอย่างเช่น:

   npm install @types/node --save-dev

2. บอก TypeScript ให้รวมไว้ในtsconfig.json:

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

requireขั้นตอนที่สองเป็นสิ่งที่สำคัญเท่านั้นถ้าคุณจำเป็นต้องเข้าถึงทั่วโลกฟังก์ชั่นที่สามารถใช้ได้เช่น สำหรับแพ็คเกจส่วนใหญ่คุณควรใช้import package from 'package'ลวดลาย ไม่จำเป็นต้องรวมทุกแพ็คเกจในอาร์เรย์ประเภท tsconfig.json ด้านบน

คุณสามารถ

declare var require: any

หรือสำหรับการสนับสนุนที่ครอบคลุมยิ่งขึ้นให้ใช้DefinitelyTyped's require.d.ts

นอกจากนี้var mongoose = require('mongoose')คุณสามารถลองทำสิ่งต่อไปนี้แทน

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

คำตอบนี้เกี่ยวข้องกับการตั้งค่าที่ทันสมัย ​​(TypeScript 2.x, Webpack > 2.x)

คุณไม่จำเป็นต้องติดตั้ง @ types / node (ซึ่งเป็น Node.js ทุกประเภทและไม่เกี่ยวข้องกับรหัสส่วนหน้าจริง ๆ แล้วสิ่งต่าง ๆ ที่ซับซ้อนเช่น setTimout ค่าตอบแทนที่แตกต่างกัน ฯลฯ

คุณทำจำเป็นต้องติดตั้ง @ ประเภท / webpack-env

npm i -D @types/webpack-env

ซึ่งจะช่วยให้ลายเซ็นรันไทม์ที่มี Webpack (รวมทั้งrequire, require.ensureฯลฯ )

นอกจากนี้ตรวจสอบให้แน่ใจว่าไฟล์ tsconfig.json ของคุณไม่มีชุด 'types' array -> ซึ่งจะทำให้สามารถเลือกนิยามประเภททั้งหมดในโฟลเดอร์ node_modules / @ types ของคุณ

หากคุณต้องการ จำกัด การค้นหาประเภทคุณสามารถตั้งค่าคุณสมบัติ typeRoot เป็น node_modules / @ types

แทน:

'use strict';

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

ลอง:

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

'use strict';

เส้นทางอ้างอิงคือก่อน

ในกรณีของฉันมันเป็นปัญหาที่โง่สุดที่src/tsconfig.app.jsonเป็นเอาชนะtsconfig.jsonการตั้งค่า

ดังนั้นฉันมีสิ่งนี้ในtsconfig.json:

    "types": [
      "node"
    ]

และอันนี้ในsrc/tsconfig.app.json:

    "types": []

ฉันหวังว่าบางคนพบว่ามีประโยชน์นี้เนื่องจากข้อผิดพลาดนี้ทำให้ฉันหงอก

สำหรับการอ้างอิงฉันใช้Angular 7.1.4 , TypeScript 3.1.6และสิ่งเดียวที่ฉันต้องทำคือการเพิ่มบรรทัดนี้ในtsconfig.json:

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

ฉันพบวิธีแก้ไขคือใช้คำสั่ง TSD:

tsd install node --save

ซึ่งเพิ่ม / อัพเดตtypings/tsd.d.tsไฟล์และไฟล์นั้นมีนิยามชนิดทั้งหมดที่จำเป็นสำหรับโหนดแอ็พพลิเคชัน

ที่ด้านบนของไฟล์ของฉันฉันใส่การอ้างอิงถึงสิ่งtsd.d.tsนี้:

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

ความต้องการถูกกำหนดเช่นนี้ ณ เดือนมกราคม 2559:

declare var require: NodeRequire;

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

ฉันใช้คำตอบของ Peter Vargaเพื่อเพิ่มdeclare var require: any;และทำให้เป็นโซลูชันทั่วไปที่ใช้ได้กับไฟล์. ts ทั้งหมดโดยใช้preprocess-loader :

1. ติดตั้ง preprocessor-loader:

   npm install preprocessor-loader

2. เพิ่มตัวโหลดไปยังwebpack.config.jsของคุณ(ฉันกำลังใช้ตัวโหลด tsสำหรับการประมวลผลแหล่งที่มาของ TypeScript):

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

3. เพิ่มการกำหนดค่าที่จะเพิ่มการแก้ปัญหาให้กับทุกแหล่งที่มา:

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

คุณสามารถเพิ่มrequire.d.tsที่แข็งแกร่งกว่าในลักษณะเดียวกัน แต่declare var require: any;ก็เพียงพอแล้วในสถานการณ์ของฉัน

หมายเหตุมีข้อผิดพลาดในตัวประมวลผลล่วงหน้า 1.0.5ซึ่งตัดบรรทัดสุดท้ายดังนั้นให้ตรวจสอบให้แน่ใจว่าคุณได้คืนพื้นที่ว่างในบรรทัดพิเศษในตอนท้ายและคุณจะไม่เป็นไร

ฉันได้รับการดิ้นรนจากปัญหานี้เช่นกัน ฉันเชื่อว่าสิ่งนี้ใช้ได้กับผู้สมัครรุ่น aka rcแต่ฉันไม่ได้ทดสอบก็คือ สำหรับ@angular rc.2มันทำงานได้ดี

1. เพิ่มcore-jsเป็นการพึ่งพา npm ในpackage.json
2. วิ่ง typings install core-js --save
3. ลบทั้งหมด"es6-shim"occurances package.jsonในของคุณ คุณไม่ต้องการมันอีกต่อไป

ไชโย!

ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้ง npm i @types/node

นำเข้า * เป็นพังพอนจาก 'พังพอน'

บางครั้งไม่มี "jasmine" จาก tsconfig.json อาจทำให้เกิดข้อผิดพลาดนี้ (TypeScript 2.X)

ดังนั้นเพิ่ม

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

ไปยังtsconfig.jsonไฟล์ของคุณ

การเติมอิเล็กตรอน + เชิงมุม 2/4:

ด้านบนของการเพิ่ม 'โหนด' ชนิดลงใน ts.config ไฟล์ต่าง ๆ สิ่งที่ใช้งานได้ในที่สุดสำหรับฉันคือการเพิ่มถัดจาก typings.d.tsไฟล์:

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

โปรดทราบว่ากรณีของฉันกำลังพัฒนาด้วย Electron + Angular 2/4 ฉันต้องการสิ่งที่ต้องการบนหน้าต่างทั่วโลก

สำหรับฉันมันได้รับการแก้ไขโดยการเพิ่มประเภทให้กับตัวเลือกคอมไพเลอร์เชิงมุม

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

1. คุณระบุโมดูลที่จะใช้ในการส่งรหัสหรือไม่
   tsc --target es5 --module commonjs script.ts
   คุณต้องทำอย่างนั้นเพื่อให้ transpiler รู้ว่าคุณกำลังรวบรวมรหัส NodeJS เอกสาร

2. คุณต้องติดตั้งคำจำกัดความพังพอนเช่นกัน
   tsd install mongoose --save

3. อย่าใช้varเพื่อประกาศตัวแปร (เว้นแต่จำเป็นซึ่งเป็นกรณีที่หายากมาก) ให้ใช้letแทน เรียนรู้เพิ่มเติมเกี่ยวกับสิ่งนั้น

นอกเหนือจากคำตอบของcgatianสำหรับTypeScript 1.x

หากคุณยังคงเห็นข้อผิดพลาดโปรดระบุ index.d.ts ในตัวเลือกคอมไพเลอร์ของคุณ

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

ฉันไม่สามารถรับข้อผิดพลาด 'need' ที่จะหายไปโดยใช้เทคนิคใด ๆ ข้างต้น

แต่ฉันพบว่าปัญหาคือเครื่องมือ TypeScript ของฉันสำหรับ Visual Studio ซึ่งเป็นรุ่นเก่า (1.8.6.0) และรุ่นล่าสุด ณ วันนี้คือ (2.0.6.0)

คุณสามารถดาวน์โหลดเครื่องมือเวอร์ชันล่าสุดได้จาก:

TypeScript สำหรับ Visual Studio 2015

ถ้าคุณสามารถคอมไพล์โค้ดได้ แต่ Visual Studio 2015 ทำเครื่องหมายว่า 'ต้องการ' ฟังก์ชั่นเนื่องจากข้อผิดพลาดที่มีข้อความแสดงข้อผิดพลาดไม่สามารถหาชื่อ 'ต้องการ'หรือไม่สามารถแก้ไขสัญลักษณ์ 'ต้องการ' ได้ให้อัพเดต TypeScript สำหรับ Visual Studio 2015 เป็นเวอร์ชั่นล่าสุด 5) และอัปเดต ReSharper (ถ้าคุณใช้) เป็นอย่างน้อยเวอร์ชัน 2016.3.2

ฉันมีปัญหาที่น่ารำคาญมาระยะหนึ่งแล้วหาทางออกไม่ได้ แต่ในที่สุดฉันก็แก้ไขได้ด้วยวิธีนี้

เพิ่มสิ่งต่อไปนี้ในtsconfig.json:

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

ฉันยังคำตอบที่สร้างเมื่อทุกคนก่อนหน้าที่อธิบายอื่นnpm install @types/nodeและรวมทั้งในnodetsconfig.json / compilerOptions / types

ในกรณีของฉันฉันมีฐานtsConfig.jsonและอีกอันหนึ่งในแอปพลิเคชัน Angular ที่ขยายอันนี้:

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

ปัญหาของฉันคือสิ่งที่ว่างเปล่าtypesในนี้tsconfi.app.json- มันอุดตันหนึ่งในการกำหนดค่าฐาน

หากคุณประสบปัญหานี้ในไฟล์. ts ซึ่งมีไว้เพื่อให้คุณมีค่าคงที่คุณก็สามารถทำได้

เปลี่ยนชื่อไฟล์. ts เป็นไฟล์. js

และความผิดพลาดจะไม่กลับมาอีก