Javascript “简单反应”;“你好,世界”;韩元';不渲染
我一直在谷歌上搜索,看看StackOverflow,我看到这个问题出现了,但它们似乎都是针对提问者的具体情况,没有一个解决方案对我的情况有效 所以有一点背景:我有一个非常简单的留言板,在Spring boot上有一个后端,可以正常工作。但是,我在尝试集成React时遇到了问题。我有一个home.html页面,当前看起来如下:Javascript “简单反应”;“你好,世界”;韩元';不渲染,javascript,html,reactjs,Javascript,Html,Reactjs,我一直在谷歌上搜索,看看StackOverflow,我看到这个问题出现了,但它们似乎都是针对提问者的具体情况,没有一个解决方案对我的情况有效 所以有一点背景:我有一个非常简单的留言板,在Spring boot上有一个后端,可以正常工作。但是,我在尝试集成React时遇到了问题。我有一个home.html页面,当前看起来如下: 门槛板:-) 欢迎来到SilbBoard! 您使用的脚本文件不支持导入,因为它针对的是web浏览器,而web浏览器只是刚刚获得对JavaScript模块的支持。在您使用
门槛板:-)
欢迎来到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更正,忘了提及:)我为长达一个月的回复表示歉意,我花了大部分时间试图真正融入其中,你们真的帮了大忙!我仍然不能说我完全理解这些概念。谢谢你