Pesquisa de site

javascript - Não é possível encontrar o nome 'console'. Qual poderia ser a razão para isso?

O trecho a seguir mostra um erro de TypeScript na Linha 4:

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

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

O erro diz:

[ts] Cannot find name 'console'.

Qual poderia ser a razão para isso? Por que não consegue encontrar o objeto console?

Resposta #1

Você terá que instalar o @types/node para obter as tipagens do node. Você pode conseguir isso executando o comando abaixo:

npm install @types/node --save-dev

Se o seu arquivo tsconfig.json tiver uma propriedade types, você deve modificá-la ou terá que importar explicitamente os tipos do node.js para usá-los:

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

Resposta #2

Adicione "dom" na seção lib em compilerOptions no tsconfig.json.

Exemplo :

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

Resposta #3

Você pode executar npm install @types/node -D, e então você precisa adicionar types:[ 'node'] no seu tsconfig.json também.

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

Resposta #4

basta adicionar ES6 e DOM no seu arquivo tsconfig.json

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

Artigos relacionados