問題が検出されて解決出来ない

  • 投稿日
  • 著者 rokunana67
  • カテゴリー 未分類

質問 / TypeScript講座 / 教程7-7 サイトの画面全体像を仮実装する

TypeScript講座 教程7-7 2分22秒～3分20秒の間
動画と同じくChakraの公式サイトからコピーして貼り付け、実行しましたが、「問題」が出てきます。
よく見ると動画内ののmain.tsxの中身と私のmain.tsxの中身も少し違います。
「問題」をなくし次に進むためにはどうすれば良いですか？

公式サイトからコピーして貼り付けているのが最新版のコードになっています。

解説の動画上はv2のChakraなので以下が正しい記述になります。

——

import * as React from ‘react’
import { ChakraProvider } from ‘@chakra-ui/react’
import * as ReactDOM from ‘react-dom/client’
import App from ‘./App’

const rootElement = document.getElementById(‘root’)
ReactDOM.createRoot(rootElement).render(
<React.StrictMode>
<ChakraProvider>
<App />
</ChakraProvider>
</React.StrictMode>,
)

typescript

この記事を書いた人

rokunana67

記事一覧