我是新手,我只是想在我的浏览器中运行一个最简单的react js文件.但我无法做到
请注意,我不想创建反应应用程序,我只想在我的本地系统上尝试它.
我做了以下
/Users/me/reactwork,我创建了2个文件clock.html和clock.js/Users/me/reactwork/clock.html.我期待看到我的钟,但我不喜欢我做错了什么？
我是js的新手并做出反应,刚刚开始阅读,所以请一步一步指导我.
这是我的文件
clock.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World</title>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
</head>
<body>
<div id="root"></div>
<script type="text/babel" src="clock.js">
</script>
</body>
</html>
clock.js
import React from 'react';
import ReactDOM from 'react-dom';
function tick() {
const element = (
<div>
<h1>Hello, world!</h1>
<h2>It is {new Date().toLocaleTimeString()}.</h2>
</div>
);
ReactDOM.render(
element,
document.getElementById('root')
);
}
setInterval(tick, 1000);
Chrome开发者工具会显示此错误
Failed to load file:///Users/me/reactwork/clock.js: Cross …reactjs ×1