react 运行html代码,在浏览器中本地运行简单的React js

本文档记录了一位新手尝试在浏览器中直接运行React JS代码时遇到的跨域和require未定义错误。通过使用SimpleHTTPServer启动本地服务器解决了跨域问题,但在引入Babel时遇到了新的挑战。最终,作者选择通过创建React应用并修改index.js来实现目标。
摘要由CSDN通过智能技术生成

我是个新手,我只是想在浏览器中运行一个最简单的react js文件。但是我无法

请注意,我不想创建-react-app,我只想在本地系统上尝试。

我照做了

在我的中/Users/me/reactwork,我创建了2个文件 clock.html 和 clock.js

然后在Chrome浏览器中,输入/Users/me/reactwork/clock.html。我希望看到我的时钟,但我不知道

我做错了什么?

我对JS还是反应很新,刚刚开始阅读,因此请向我提供逐步说明。

这是我的档案

clock.html

Hello World

clock.js

import React from 'react';

import ReactDOM from 'react-dom';

function tick() {

const element = (

Hello, world!

It is {new Date().toLocaleTimeString()}.

);

ReactDOM.render(

element,

document.getElementById('root')

);

}

setInterval(tick, 1000);

Chrome开发者工具显示此错误

Failed to load file:///Users/me/reactwork/clock.js: Cross origin requests are only supported f

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值