React-Bootstrap的服务器端呈现，意外的令牌错误

Question

我正在尝试重新编写React代码以主要用于服务器端呈现，我遇到了React-Bootstrap的问题。从import Grid from 'react-bootstrap/lib/Grid';切换为var Grid = require('react-bootstrap/lib/Grid');会在render方法中出错：

那么应该如何导入React-Bootstrap组件呢？ React-Bootstrap可以吗？任何建议都将不胜感激。

Answer 1

我认为这个问题已经解决了。运行npm install babel-register，npm install babel-preset-react并在顶部添加以下代码以尝试从DOM创建ScatterChart元素后，错误消失了

require('babel-register')({
    presets: ['react']
});

我在这里找到了它：https://medium.com/@remarkablemark/server-side-rendering-with-react-46715f501651

非常重要的是在文件的最顶部定义所有import语句之上的presets，否则错误不会消失。