如何"require"包含JSX的JS类？

Question

我正在尝试调用JS类的函数，该类扩展了react。我有一个文件RunTest.js，它看起来像这样：

let Builder = require('./Builder');
let b = Builder();
b.say("Hello World!");

同一目录中的Builder.js看起来像这样：

class Builder extends React.Component{
...
}
module.exports = { Builder }

当我使用node RunTest.js运行时，我收到以下错误：

bash-3.2$ node RunTest.js
/Users/jonahlibrach/Documents/project/prototypes/bron/v1/java/prototype/
server/static/protocol/Builder.js:322
<div class="navbar">
^
SyntaxError: Unexpected token <
at Module._compile (internal/modules/cjs/loader.js:743:23)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:810
:10)
at Module.load (internal/modules/cjs/loader.js:666:32)
at tryModuleLoad (internal/modules/cjs/loader.js:606:12)
at Function.Module._load (internal/modules/cjs/loader.js:598:3)
at Module.require (internal/modules/cjs/loader.js:705:19)
at require (internal/modules/cjs/helpers.js:14:16)
at Object.<anonymous> (/Users/jonahlibrach/Documents/project/prototy
pes/bron/v1/java/prototype/server/static/protocol/RunTest.js:1:15)
at Module._compile (internal/modules/cjs/loader.js:799:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:810
:10)

如何在节点中使用此类？

Answer 1

在Node.js中使用包含JSX的模块时，必须先将其转换为JavaScript(例如使用Babel(。