問題タブ [server-rendering]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ruby-on-rails - rails + react-rails gem + react router によるサーバーレンダリング
レール (v4.2.6) と react-rails (v1.6.2) および react-router (v2.0.0-rc5) を使用するこのサンプル リポジトリを作成しました: https://github.com/pioz/rails_with_react_and_react_router_example
app/views/application/react_entry_point.html.erbコンポーネントをレンダリングするファイルMountUpで
コンポーネントMountUpは私のルーターをレンダリングします:
すべて正常に動作しますが、オプションprerender: trueを変更すると奇妙なエラーが発生しますReact::ServerRendering::PrerenderError in Application#react_entry_point:
このアプリのサーバー側をレンダリングするにはどうすればよいですか? これはこれを行う正しい方法ですか？
javascript - react-router v2 - onEnter での置換が機能しない
私のアプリでは、react-router v2 を使用しています - https://github.com/reactjs/react-router
のリダイレクトに問題がありますonEnter:
いくつかのコンポーネント
私はサーバー側のレンダリングを使用しており、このガイドを使用しました - https://github.com/reactjs/react-router/blob/master/docs/guides/ServerRendering.md#async-routesを使用する必要があると書かれていますmatchクライアントでも：
client.js
ルート.js
patchRouteHooks.js
onEnter で置き換えた後、renderProps を受け取るundefinedと、コンソールに警告が表示され、アプリが壊れます。
私が間違っていることは何か提案はありますか? ありがとう！
javascript - React サーバーのレンダリング --> React でレンダリングされた子を新しいルート コンポーネントに置き換える
反応を同形にレンダリングしようとしていますが、レンダリングされますが、クライアントで次のような警告/エラーが表示されます。
パッケージ マネージャーとして jspm と npm を使用しています。
warning.js:25 Warning: render(...): Replacing React-rendered children with a new root component. If you intended to update the children of this node, you should instead have the existing children update their state and render the new components instead of calling ReactDOM.render.
server が出力したソースrenderToString:
レンダリング後に反応に置き換えられたソース:
高速サーバー ミドルウェア:
index.html：_
ここではテンプレート エンジンとして ect を使用しています。
app.jsx：_
App/App.jsx：_
node.js - CDN と heroku を使用した Universal React レンダリング
ノード/エクスプレス アプリに Heroku を使用し、CDN として Cloudfront を使用して、CircleCI 経由でデプロイされるサーバー側 (ユニバーサル、同形) でレンダリングされた反応アプリをセットアップしようとしています。
これがどのように機能するかを概念化するのに苦労しています。いくつかの部分を除いて、流れはかなり単純に見えます。構築したアセットを CloudFront などの CDN にデプロイしたら、Heroku にある index.html ファイルにそれらをどのように接続するのでしょうか? (このインデックス ファイルは構築され、サーバー側レンダリングのベースとして Heroku ノード アプリから提供されます)。しかし、Heroku で構築されたアセットではなく、CDN アセットへのリンクを含めたいと考えています。(CircleCi は webpack を実行し、デプロイされた Heroku も実行します)
誰もこれに遭遇したことがありますか？
angular - Google は angular2 アプリケーションをインデックスに登録できません
angular2 バージョン: 2.0.0-beta.14
こんにちは、クライアント側の angular2 にほぼ依存する Web アプリケーションを構築しましたが、リリース日 (3 日前) から、Google ロボットはページを適切にインデックス化できません。
Google の Web キャッシュからアプリケーションの開始ページにアクセスすると、次の出力が返されます。
これらのエラーが表示されますが、ネットワーク セグメントは期待どおりに機能します。また、Web サイトにはエラーなく正常にアクセスできます。追加情報が必要な場合は、言ってください。
お時間をいただきありがとうございます。