Reactで何も表示されません。。。

React初心者です。
Hello Reactと表示したいのですが、画面に何も表示されず困っています。
コードは下記の通りです。

よろしくお願いします。

index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>First App</title>
  <link rel="stylesheet" href="style.css" />

  <!-- React CDN -->
  <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
  <script src="https://unpkg.com/react@16/umd/react.production.min.js" crossorigin></script>
  <script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js" crossorigin></script>

</head>
<body>
  <div id="root"></div>
</body>
</html>

app.js

import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(
  <h1>Hello, React!</h1>,
  document.getElementById('root'),
);

行動規範の内容に同意します

回答1件

ベストアンサー

index.htmlからapp.jsを読み込んでいないようですが、それは大丈夫ですか？

投稿2018/09/22 22:43

maisumakun

総合スコア145183

退会済みユーザー

2018/09/23 01:11

やっぱりそこなのですね...。試しに`<script src='app.js' type="text/babel"></script> `で読み込んでみたのですが、`Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.`というエラーが出てしまいます...。

退会済みユーザー

2018/09/23 01:14

`type="text/babel"`を消すと`Uncaught SyntaxError: Unexpected identifier`というエラーに変わりました。