前提
reactでtodoリストを作ってます
コンポーネントをレンダリングしようとしたときにエラーメッセージが発生しました。
実現したいこと
- コンポーネントをレンダリングできるようにしたい
発生している問題・エラーメッセージ
エラーメッセージ Uncaught SyntaxError: Unexpected token '<' (at index.js:10:10)
該当のソースコード
js
12console.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/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
0 コメント