前提
reactでtodoリストを作ってます
コンポーネントをレンダリングしようとしたときにエラーメッセージが発生しました。
実現したいこと
- コンポーネントをレンダリングできるようにしたい
発生している問題・エラーメッセージ
エラーメッセージ Uncaught SyntaxError: Unexpected token '<' (at index.js:10:10)
該当のソースコード
js
1 2console.log('test'); 3import React from "react"; 4import App from "./App.js"; 5import * as ReactDOM from 'react-dom/client'; 6 7 8const root = ReactDOM.createRoot(document.getElementById("root")); 9 10root.render( 11 <App /> 12);
html
1<html> 2<head> 3 <meta charset="UTF-8"> 4 5 <title>Todo</title> 6 <meta name='viewport' content='width=device-width, initial-scale=1'> 7 8</head> 9<body> 10 <h1>こんにちは</h1> 11 <div id="root"></div> 12 13 <script type="module" src="./index.js"></script> 14 15</body> 16</html>
js
1function App(){ 2 return console.log("hellow"); 3}; 4 5export default App;
試したこと
文法の間違いをネットで調べながら確認した
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。

回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/12/31 13:38