React 不会在 Electron App 中渲染



我一直在尝试在 Electron App 中运行一些基本的 React 示例,但没有任何显示,即使没有错误。

这是一个文件:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="root"></div>
<script type="text/babel">
const React = require('react');
const ReactDOM = require('react-dom');
ReactDOM.render(
<h1>Hello World</h1>,
document.getElementById('root')
);
</script>
</body>
</html>

我安装了以下软件包:react,react-dom和electron。 我做错了什么吗?提前感谢!

type="text/babel"

不被浏览器识别为有效的脚本类型,因此它只会忽略它并完全跳过它,因此没有任何错误。你需要包含 babel 脚本来使其解析,如下所示:

<body>
<div id="root"></div>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script type="text/babel">
// your react code here
</script>
</body>

这对于探索和原型设计很好,但如果你想发布应用程序供其他人使用,那就不好了。让 babel 即时解析脚本可能会影响性能和内存使用量。

相反,请查看有关如何预编译脚本并以这种方式运行它们的教程。这个样板可以作为一个很好的参考。

最新更新