[TypeScript React] import React from ‘react’ モジュール ‘react’ の宣言ファイルが見つかりませんでした。’/node_modules/react/index.js’ は暗黙的に ‘any’ 型になります。

[TypeScript React] import React from ‘react’ モジュール ‘react’ の宣言ファイルが見つかりませんでした。’/node_modules/react/index.js’ は暗黙的に ‘any’ 型になります。

TypeScriptでReactのimport宣言を記述するとVSCodeからエラーが表示されて実行できない場合があります。

TypeScriptでReactをimportする

間違い

import React from 'react';

以下のエラーが表示されます。

モジュール 'react' の宣言ファイルが見つかりませんでした。'/node_modules/react/index.js' は暗黙的に 'any' 型になります。
  'react' パッケージが実際にこのモジュールを公開する場合は、pull request を送信して 'https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react' を修正することを検討してくださいts(7016)
モジュール 'react' の宣言ファイルが見つかりませんでした。'/node_modules/react/index.js' は暗黙的に 'any' 型になります。
  'react' パッケージが実際にこのモジュールを公開する場合は、pull request を送信して 'https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react' を修正することを検討してくださいts(7016)

正解

import * as React from 'react';

tsconfigの設定によりますが、any型を許可していない場合は暗黙的にany型になる場合はエラーとされるので、明示的にas Reactと指定する必要があります。

プログラミングカテゴリの最新記事