添加到现有网页的React无法呈现来自多个文件的组件

Question

我想使用React向我的现有网站添加一些功能。 我遵循了本教程 。 我到了要把类从单个js文件分离到每个类一个的地步。 然后我用

import InputField from './InputField';

这给了我这个错误：

未捕获的SyntaxError：意外的令牌导入

当我在通过本教程创建的示例中以相同的方式导入我的课程时，它可以完美运行。 我也尝试了require() ，但这给了我一条错误消息，提示未定义require() 。

那么，如何在已有React的现有网站上将类从单个文件划分为多个文件呢？ 如果我仅将React添加到网站，是否必须将所有代码写在一个文件中？ 我怀疑，它不会以某种方式编译。 （我只是从React开始）

Answer 1

您必须使用本机ES模块或使用捆绑器（例如webpack或Rollup）