使用ReactJS与npm及其给出以下错误（意外令牌）

Question

任何信息都会非常有用，最初我还运行了npm install babel loader命令。

我有

错误/应用程序客户端。js模块构建失败：语法错误：/Users/dawatramani/ReactNodejs/app-client。js:

意外标记（4:13）

  2 | var APP= require('./components/APP');
  3 | 
> 4 | React.render(<APP />,document.getElementById('react-container'));
    |              ^
  5 | 

在解析器处。pp.raise（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/location.js:22:13）在解析器中。解析器处的pp.unexpected（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/util.js:89:8）。parsexpratom（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/expression.js:522:12）。pp.parsexprsubscripts（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/expression.js:277:19）位于解析器。pp.parseMaybeUnary（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/expression.js:257:19）在解析器处。pp.parsexprops（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/expression.js:188:19）位于解析器。pp.parseMaybeConditional（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/expression.js:165:19）。pp.parseMaybeAssign（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/expression.js:128:19）位于解析器。pp.parsexprlistitem（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/expression.js:1046:16）位于解析器。pp.parseCallExpressionArguments（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/expression.js:353:20）。parser处的pp.parseSubscripts（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/expression.js:316:31）。parser上的pp.parsexprsubscripts（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/expression.js:287:15）。pp.parseMaybeUnary（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/expression.js:257:19）在解析器处。pp.parsexprops（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/expression.js:188:19）位于解析器。pp.parseMaybeConditional（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/expression.js:165:19）。pp.parseMaybeAssign（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/expression.js:128:19）位于解析器。parseExpression（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/expression.js:92:19）位于解析器。parser处的pp.parseStatement（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/statement.js:163:19）。pp.parseBlockBody（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/statement.js:529:21）位于解析器。parser处的pp.parseTopLevel（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/statement.js:36:8）。在文件的parse（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/parser/index.js:129:19）处解析（/Users/dawatramani/ReactNodejs/node_modules/babel core/node_modules/babylon/lib/index.js:47）。在文件中解析（/Users/dawatramani/ReactNodejs/node_modules/babel core/lib/transformation/file/index.js:517:34）。parseCode（/Users/dawatramani/ReactNodejs/node_modules/babel core/lib/transformation/file/index.js:603:20）位于/Users/dawatramani/ReactNodejs/node_modules/babel core/lib/transformation/pipeline。js:49:12在文件中。在管道中包装（/Users/dawatramani/ReactNodejs/node_modules/babel core/lib/transformation/file/index.js:563:16）。在对象的transfile（/Users/dawatramani/ReactNodejs/node_modules/babel core/lib/transformation/pipeline.js:47:17）处转换（/Users/dawatramani/ReactNodejs/node_modules/babel loader/index.js:14:22）。单元导出（/Users/dawatramani/ReactNodejs/node_modules/babel loader/index.js:88:12）

Answer 1

您似乎忘记了在渲染方法中粘贴组件：）

React.render(,document.getElementById('react-container'));

Answer 2

对于当前版本的reactJS，您不应该使用React.render（），而应该使用ReactDOM。渲染（）和从react-dom导入ReactDOM。我想这会解决你的问题。

ReactDOM.render(<ComponentName />,document.getElementById('react-container'));

这是0.14引入的最新更改。React现在分为一个核心库和DOM适配器。渲染现在通过ReactDOM完成。提供

文件