問題タブ [react-on-rails]

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.

0 投票する
1 に答える
1217 参照

ruby-on-rails - React on Rails - environment.toWebpackConfig は関数ではありません

react_on_rails gem を使用して、react フロントエンドを既存の Rails バックエンドに追加しています。私はすべてを立ち上げて実行するのに多くの問題を抱えています。箱から出してすぐに正しく動作しなかったため、宝石が正しく動作するようになるまでに丸一日かかりました...最終的にRailsサーバーを(フォアマン経由で)適切に起動しましたが、webpackerをロードするとエラーが発生します。エラー:environment.toWebpackConfig is not a function

この問題を解決するためにグーグル全体を見てきましたが、私が読んだ記事はどれも役に立ちませんでした. 誰かが私が間違っていることを知っていますか?

完全なトレース:

エラーの原因となっているファイル:

module.exports = environment.toWebpackConfig() この問題を解決するために必要と思われる別のファイル:

もともと、Rails サーバーを react_on_rails gem で初めて動作させたときunexpected token <div>、デフォルトでは、スターター 'hello world' ページのインポート ステートメントに jsx 拡張機能が含まれていないという事実が原因であるというエラーがスローされていました。 、また、私が自分で行ったwebpacker構成ファイルの拡張子を解決しません。おそらく私はそれを正しくしなかったと思いますか?

私の調査では、jsx 拡張機能を使用するには babel が必要であるという印象を受けましたか? これは正しいです?@rails/webpacker の問題セクションで、 /setを支持して非推奨になっていることに気づきましたが、これらのいずれかを使用して拡張機能を解決しようとすると、resolve.extensions 行でエラーが発生し、関数ではないと表示されます。拡張機能を適切に解決しているように感じますが、jsx 拡張機能を使用するために必要なものが他にないのでしょうか?appendprependenvironment.prepend

ご意見をお待ちしております。