.pug
and.jsx
をエクスプレス ビュー エンジンとして使用したい。
のような他のモジュールで試してみました@react-ssr/express
が、うまくいきませんでした。
(私のプロジェクトは、数年前に最後に更新されたオープン ソース プロジェクトに基づいているようです)
それで、現在 and を使用node-jsx
していますが、これらのモジュールではand をreact-engine
使用できません。
(このスクリーンショットのように)
私はすでに以下のコードのようにグーグルで多くの解決策を試しました.window
document
const React = require("react");
...
const Index = (props) => {
if (typeof window !== 'undefined') {
// code with document and window
}
}
module.exports = Index;
しかし、空白のページがレンダリングされました。
これらのモジュールは、javascript に変換することなく、jsx ファイルをレンダリングして実行するだけだと思います。andをandとともに
使用する方法はありませんか?
(または、他のモジュールをお勧めしてください)window
document
node-jsx
react-engine
サーバー.js
require("node-jsx").install({ extension: '.jsx', harmony: true });
const renderer = require("react-engine");
const Engine = renderer.server.create();
...
app.set('views', __dirname + "/views");
app.engine('jsx', Engine);
app.set('view engine', "pug");
app.set('view engine', "jsx");
index.jsx
const React = require("react");
...
const Index = (props) => {
// code with document and window
}
module.exports = Index;