/ / React-Bootstrapのサーバサイドレンダリング、予期しないトークンエラー - javascript、reactjs、サーバサイド、react-bootstrap

React-Bootstrapのサーバーサイドレンダリング、予期しないトークンエラー - javascript、reactjs、server-side、react-bootstrap

私は書き直そうとしています React 主にサーバーサイドレンダリングを使用するためのコードが React-Bootstrap。から切り替える import Grid from "react-bootstrap/lib/Grid";var Grid = require("react-bootstrap/lib/Grid"); にエラーを与える render 方法:

ここに画像の説明を入力

どのように輸入する必要があります React-Bootstrap その後、コンポーネントを実行する必要がありますか?それはまったく可能ですか React-Bootstrap?任意の提案は大歓迎です。

回答:

回答№1は0

この問題は解決したと思います。実行後にエラーがなくなった 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 ファイルの最上部にあるすべてのimportステートメントの上に、それ以外の場合はエラーは消えません。