React无法在Electron App中呈现

Question

我一直在尝试在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和electronic。 难道我做错了什么？ 提前致谢！

Answer 1

浏览器无法将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即时解析脚本可能会影响性能和内存使用。

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

React无法在Electron App中呈现

问题描述

1 个解决方案

解决方案1
1 2018-04-30 21:04:38

React无法在Electron App中呈现

问题描述

1 个解决方案

解决方案1 1 2018-04-30 21:04:38

解决方案1
1 2018-04-30 21:04:38