logo image

React(Typescript)でHTMLコードを記載するとエラー

Icon representing a data.
2022-01-19
Icon show updated_at
2022-01-19
1
Twitter icon.
React
Typescript
Next.js

Precondition

  • React 17.0.2
  • Typescript 4.3.5

Fact

以下のコードを記述するとエラーが発生

const Content = (props) => {
  return (
    <html>
      <head>
        <style>{styles}</style>
      </head>
      <body>
        <h1>{props.title}</h1>
      </body>
    </html>
  );
};

Error log or Error Massage

Operator '<' cannot be applied to types 'boolean' and 'RegExp'.

Cause

拡張子が.tsになっていることが原因だった。

Method

ファイルの拡張子を tsx に変更する。

在宅専門のフリーランスエンジニアをしています。 得意言語はVBAです。Next.jsとTypescriptを鍛錬中。
Area to place ads.
Area to place ads.
Comments
There are no comments on this article yet.

Environment Library tools

React
Typescript
Next.js
在宅専門のフリーランスエンジニアをしています。 得意言語はVBAです。Next.jsとTypescriptを鍛錬中。