我正在编写React Basics教程,但是HTML将不会呈现基本的react组件。我在pug中使用express,但是React Component不会渲染我为其分配的内容。
我在我的head标签中本地使用了unpkg的react.development.js,react-dom.development.js和babel.min.js。该代码似乎编写正确,包括使用doctype html,html。在pug文件中将其加载为HTML。
当我尝试更改div的内容时,将获得所需的HTML结果。
您能否检查是否有问题,或者如何解决此问题?
doctype html
html.
<head>
<meta charset="utf-8" />
<script scr="/javascripts/react.development.js"></script>
<script src="/javascripts/react-dom.development.js"></script>
<script src="/javascripts/babel.min.js"></script>
<title>Sample Web App</title>
</head>
<body>
<div id="app"></div>
<script type="text/babel">
class Hello extends React.Component {
render() {
return <h1>Hello!</h1>;
}
}
ReactDOM.render(<Hello />, document.getElementById("app"));
</script>
</body>
我有类似的情况,控制台错误如下。
无法在模块外部使用import语句
我搜索了此问题,如果我不在“ / dist”文件夹中加载了某些内容,则会发现此问题。有人对此有建议吗?