React(Typescript)でHTMLコードを記載するとエラー
2022-01-19
2022-01-19
1
React
Typescript
Next.js
前提条件
- React 17.0.2
- Typescript 4.3.5
現象
以下のコードを記述するとエラーが発生
const Content = (props) => {
return (
<html>
<head>
<style>{styles}</style>
</head>
<body>
<h1>{props.title}</h1>
</body>
</html>
);
};
エラーログ・エラーメッセージ
Operator '<' cannot be applied to types 'boolean' and 'RegExp'.
原因
拡張子が.tsになっていることが原因だった。
対応
ファイルの拡張子を tsx に変更する。
在宅専門のフリーランスエンジニアをしています。 得意言語はVBAです。Next.jsとTypescriptを鍛錬中。
Comments
この記事にコメントはまだありません。
開発環境 ライブラリ ツール
React
Typescript
Next.js
在宅専門のフリーランスエンジニアをしています。 得意言語はVBAです。Next.jsとTypescriptを鍛錬中。