1

.pugand.jsxをエクスプレス ビュー エンジンとして使用したい。
のような他のモジュールで試してみました@react-ssr/expressが、うまくいきませんでした。
(私のプロジェクトは、数年前に最後に更新されたオープン ソース プロジェクトに基づいているようです)
それで、現在 and を使用node-jsxしていますが、これらのモジュールではand をreact-engine使用できません。 (このスクリーンショットのように) 私はすでに以下のコードのようにグーグルで多くの解決策を試しました.windowdocument


const React = require("react");

...

const Index = (props) => {
  if (typeof window !== 'undefined') {
    // code with document and window
  }
}

module.exports = Index;

しかし、空白のページがレンダリングされました。
これらのモジュールは、javascript に変換することなく、jsx ファイルをレンダリングして実行するだけだと思います。andをandとともに
使用する方法はありませんか? (または、他のモジュールをお勧めしてください)windowdocumentnode-jsxreact-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;
4

0 に答える 0