React，webpack-dev-server =＆gt; ReactDOM渲染失败

Question

我正在设置一些react / webpack / webpack-dev-server样板，用于尝试解决问题，但遇到渲染错误。

有问题的代码来自"Thinking in React" Facebook.io page;这是失败的部分：

import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/App';

ReactDOM.render(
  <div>
    <App />
  </div>,
  document.getElementById('app')
);

当我启动webpack-dev-server时，我收到以下webpack构建错误：

我的package.json＆amp; webpack.config.js位于this gist。

我已经修改了SurviveJS configuration的样板来支持Jasmine进行测试，我让它在本书的应用程序中工作，但无法弄清楚它为什么会在这里失败。

我已经尝试过将第一个参数包含在带有括号的ReactDOM但未找到解决方案的情况。我在两个应用程序之间区分了package.json和webpack.config.js，除了标题之外没有看到任何差异。

在这一点上，我不知道该寻找什么，虽然我确信这可能是脑死亡显而易见的事情 - 我只是看了太长时间，所以任何指针都会非常感激。

谢谢！

Answer 1

你有.babelrc吗？看起来JSX没有被翻译过来。