javascript - Impossible de trouver le nom 'console'. Quelle pourrait en être la raison ?

L’extrait suivant montre une erreur TypeScript à la LIGNE 4 :

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

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

L'erreur dit :

[ts] Cannot find name 'console'.

Quelle pourrait être la raison de cela ? Pourquoi ne peut-il pas trouver l'objet console ?

Réponse #1

Vous devrez installer le @types/node pour obtenir les typings de node. Vous pouvez y parvenir en exécutant la commande ci-dessous :

npm install @types/node --save-dev

Si votre fichier tsconfig.json a une propriété types, vous devriez la modifier ou vous devrez importer explicitement les types de Node.js pour les utiliser :

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

Réponse #2

Ajoutez "dom" dans votre section lib de compilerOptions dans tsconfig.json.

Exemple :

{
    "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
    }
}

Réponse #3

Vous pouvez exécuter npm install @types/node -D, puis vous devez également ajouter types:[ 'node'] dans votre tsconfig.json.

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"
  ]
}

Réponse #4

il suffit d'ajouter ES6 et DOM dans votre fichier tsconfig.json

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