Angular 7 で TypeScript エラー TS2580 の対処方法

Angular 7 で開発を進めていると、以下のエラーが発生してコンパイルができなくなりました。

error TS2580: Cannot find name 'Buffer'. Do you need to install type definitions for node? Try npm i @types/node and then add
node to the types field in your tsconfig.

よくあるエラーで、@types/node がインストールされていないことが原因だと思いましたが、Angular 7 では、src/tsconfig.app.jsonにも設定が必要だったので、メモしておきます。

1. @types/node をインストール

以下のコマンドで、@types/node をインストールします。

npm install --save @types/node

2. tsconfig.json に以下を記述

tsconfig.json ファイルに以下を記述します。

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

3. src/tsconfig.app.json にも、同じく記述

src/tsconfig.app.json にも同じ記述が必要です。

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

4. 参考URL

https://stackoverflow.com/questions/53115665/cannot-find-name-require-in-angular-7typescript-3-1-3

速攻でメモできる QuickNote リリースしました!

QuickNoteは動作が超軽量でサクサクかけるノートアプリです。一瞬の閃きを逃さずにノートを開き書き始めることができます。 アカウント登録も不要です。お試しあれ!

Excel操作をコマンドで! proBoarderExcel

Excelはマウスで操作するのが基本ですが、マウス操作に疲れてはいませんか? キーボードでExcel操作ができるようになるアプリです。オープンソースで無料です。

積み上げ! Daily Stack リリースしました!

Daily Stack は日々の積み上げを管理するToDoアプリです。過去の積み上げの振り返りだけでなく、ツイート機能もあります。 アカウント登録不要ですぐに使い始めることができます。

ExecNote.app リリースしました!

ExecNoteは、コードが実行できるMarkdownアプリケーションです。Markdownドキュメント内に記載したコードをクリックすると実行ができます。わざわざターミナルを 起動させる必要がありません!無料ですのでもしよければダウンロードをお願いします。

About Me

11年目のシステムエンジニアです。アプリで生活や仕事を改善したい🐱仕事効率化、自動化のアプリ開発が得意です、ご相談ください。 🚀エンタメ系アプリの開発も模索中🐬社内SEや個人アプリ開発者、システムエンジニアになりたい人と繋がりたい🐱