javascript - Tidak dapat menemukan nama 'console'. Apa yang bisa menjadi penyebabnya?

Cuplikan berikut menunjukkan kesalahan typescript pada BARIS 4:

import {Message} from './class/message';

function sendPayload(payload : Object) : any{
   let message = new Message(payload);
   console.log(message);   // LINE 4 
}

Kesalahan mengatakan:

[ts] Cannot find name 'console'.

Apa yang bisa menjadi alasannya? Mengapa tidak dapat menemukan konsol objek?

Jawaban #1

Anda harus menginstal @types/node untuk mendapatkan pengetikan node. Anda dapat mencapainya dengan menjalankan perintah di bawah ini:

npm install @types/node --save-dev

Jika file tsconfig.json Anda memiliki properti types, Anda harus memodifikasinya atau Anda harus mengimpor tipe Node.js secara eksplisit untuk menggunakannya:

{
  "compilerOptions": {
    ...
    "types": ["jsdom", ...],
    ...
  },
...

Jawaban #2

Tambahkan "dom" di bagian lib Anda di compilerOptions di tsconfig.json.

Contoh :

{
    "compilerOptions": {
        "rootDir": "src",
        "outDir": "bin",
        "module": "commonjs",
        "noImplicitAny": false,
        "removeComments": true,
        "preserveConstEnums": true,
        "sourceMap": true,
        "target": "es5",
        "lib": [
            "es6",
            "dom"    <------- Add this "dom" here
        ],
        "types": [
            "reflect-metadata"
        ],
        "moduleResolution": "node",
        "experimentalDecorators": true,
        "emitDecoratorMetadata": true
    }
}

Jawaban #3

Anda dapat menjalankan npm install @types/node -D, dan kemudian Anda perlu menambahkan types:[ 'node'] ke dalam tsconfig.json Anda juga.

package.json
"devDependencies": {
    "@types/node": "^15.0.3"
}

tsconfig.json
{
  "compilerOptions": {
    "composite": true,
    "outDir": "./dist",
    "rootDir": ".",
    "declaration": true,
    "noImplicitAny": true,
    "esModuleInterop": true,
    "module": "commonjs",
    "target": "es6",
    "types": [
      "node"
    ],
    "lib": [
      "es6"
    ]
  },
  "exclude": [
    "node_modules",
    "dist"
  ]
}

Jawaban #4

cukup tambahkan ES6 dan DOM di file tsconfig.json Anda

"lib": ["ES6", "DOM"]

Artikel terkait