我正在尝试创建一个非常轻量级的react.js/electron项目。尽可能小的文件大小，我读到电子安装程序的最小大小是大约40MB，但电子应用程序的最小大小是大约150MB。所以我正在尝试让一个150MB的应用程序工作。
这个示例项目看起来可以正常工作，您可能会认为它会显示以下文件中的react app.js文本：https://github.com/achekulaev/minimal-electron-react-app/blob/master/src/app.js
const React = require('react');
const ReactDOM = require('react-dom');
class App extends React.Component {
render () {
return (
<div><h1>Hello, React in Electron!</h1></div>
)
}
}
// Need to include render here for Babel to transcript JSX
ReactDOM.render(<App />, document.getElementById('root'));但是如果您使用git clone、npm i和npm start，则react部分是空的，不会显示任何内容
我删除了所有的巴别塔的东西，并尝试，但仍然React文本没有得到显示，有什么停止React正在使用？一切看起来都是为了，所以我不确定有什么问题，这个回购。
在我自己的电子React示例中，我已经达到了563 MB https://github.com/MartinBarker/electron-react
1条答案
按热度按时间nkoocmlb1#
有几个潜在问题可能会导致React应用程序无法在您的Electron项目中按预期渲染。以下是您可以尝试的一些操作：
确保安装了正确的依赖项。除了React和ReactDOM之外，您还需要安装Electron和项目package.json文件中列出的任何其他依赖项。您可以通过运行npm install或yarn install来安装这些依赖项。
确保在主进程中正确加载React应用程序。在Electron项目中，主进程负责创建将包含React应用程序的窗口。您可以检查主进程文件（通常为main.js）以确保正确加载React应用程序。
确保将包含React应用程序的HTML文件具有ID正确的根元素。在您提供的示例中，React应用程序呈现为ID为“root”的元素。确保此元素存在于将包含React应用程序的HTML文件中。
检查控制台以获取错误消息。如果React应用存在任何问题，这些问题可能会记录到控制台。你可以在浏览器中打开开发人员控制台，查看是否存在任何可能有助于确定问题的错误消息。
我希望这些建议对您有所帮助！如果您有任何其他问题或需要进一步的帮助，请告诉我。