javascript - React-Bootstrap的服务端渲染，意外的token错误

Question

我正在尝试重写 React 代码以主要使用服务器端渲染，但我遇到了 React-Bootstrap 的问题。从 import Grid from 'react-bootstrap/lib/Grid'; 切换到 var Grid = require('react-bootstrap/lib/Grid'); 会出现错误渲染方法:

那么应该如何导入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

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