Javascript “简单反应”;“你好,世界”;韩元';不渲染

Javascript “简单反应”;“你好,世界”;韩元';不渲染,javascript,html,reactjs,Javascript,Html,Reactjs,我一直在谷歌上搜索,看看StackOverflow,我看到这个问题出现了,但它们似乎都是针对提问者的具体情况,没有一个解决方案对我的情况有效 所以有一点背景:我有一个非常简单的留言板,在Spring boot上有一个后端,可以正常工作。但是,我在尝试集成React时遇到了问题。我有一个home.html页面,当前看起来如下: 门槛板:-) 欢迎来到SilbBoard! 您使用的脚本文件不支持导入,因为它针对的是web浏览器,而web浏览器只是刚刚获得对JavaScript模块的支持。在您使用

我一直在谷歌上搜索,看看StackOverflow,我看到这个问题出现了,但它们似乎都是针对提问者的具体情况,没有一个解决方案对我的情况有效

所以有一点背景:我有一个非常简单的留言板,在Spring boot上有一个后端,可以正常工作。但是,我在尝试集成React时遇到了问题。我有一个home.html页面,当前看起来如下:


门槛板:-)
欢迎来到SilbBoard!

您使用的脚本文件不支持
导入
,因为它针对的是web浏览器,而web浏览器只是刚刚获得对JavaScript模块的支持。在您使用的脚本中,
React
ReactDOM
被定义为全局变量。无需导入

另外,浏览器本身并不支持JSX。要使用它,您需要使用某种类型的transpiler。通常在生成过程中包括transpiler步骤,然后将生成的transpiler代码发送到浏览器。也就是说,您可以在浏览器传输中使用,但最好不要用于生产目的

例如,如果勾选“use BabelJS/ES2015”复选框,则Stack Overflow的堆栈片段将用于浏览器后台传输:

ReactDOM.render(
你好,世界!,
document.getElementById('root'))
);


打开web控制台,它试图告诉您一些事情。:-)从
app.js
文件中删除导入语句,并将此脚本(babel standalone)放在标题中:
@MayankShukla:务必指出浏览器内transpiler不用于生产。(上述内容显然只是学习,但仍然值得指出。)@T.J.Crowder更正,忘了提及:)我为长达一个月的回复表示歉意,我花了大部分时间试图真正融入其中,你们真的帮了大忙!我仍然不能说我完全理解这些概念。谢谢你