在客户端实现中需要同构 javascript 与无法识别的反应

Question

我一直在关注 simple tutorial 如何使用 node.js 实现同构 javascript 应用程序并作出反应。服务器端渲染对我来说很清楚，因为它只是将组件渲染为字符串。

但是，我不明白如何在客户端附加组件中定义的功能。本教程在 main.js 文件中包含以下内容：

var React = require('react');
var ReactApp = require('./components/ReactApp');

var mountNode = document.getElementById("react-main-mount");

React.render(new ReactApp({}), mountNode);

但这使用了 require 函数，并且简单地将脚本包含在 html 中，就像教程一样，由于无法使用此 require 函数，所以会出错。

我能找到的所有教程都是关于这些组件的服务器端呈现，但似乎忽略了如何在客户端也可以包含反应组件，这真是令人沮丧。真的那么明显吗？我是不是漏掉了一些非常简单的东西？

感谢您的帮助。

Answer 1

他们实际上并没有在文章中解释它，但你需要为浏览器捆绑应用程序。如果您查看 link 到 "completed code"，您可以看到他们正在浏览应用程序（就像@AaronDufour 所说的）。