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

时间:2019-07-12 09:52:29

标签: javascript reactjs

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

import InputField from './InputField';

哪个给我这个错误:

  

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

当我在通过this tutorial创建的示例中以相同的方式导入我的类时,它运行良好。 我也尝试过使用require(),但这给了我一条错误消息,提示未定义require()

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

1 个答案:

答案 0 :(得分:0)

您必须使用本机ES modules或使用webpackRollup之类的捆绑器