問題タブ [webpacker]

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 に答える
1278 参照

ruby-on-rails - js erb テンプレートで Rails webpack をロードした js を使用する方法

Rails 5.0アプリでwebpacker gemを使用していますが、検証エラーが発生しているjs.erbでJavaScriptを実行/利用できません。ここでいくつかの単純な前提に違反していると確信していますが、答えが見つからず、コンパイル エラーもコンソール エラーも発生しません。私は<%= javascript_pack_tag 'application' %>私のapplication.html.erbに持っています

セットアップは次のとおりです。

app/javascript/packs/application.js:

app/javascript/customer_sessions/index.js:

アプリ/javascript/customer_sessions/univgwTabs:

フォームの検証エラーで呼び出される js erb テンプレート:

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

ruby-on-rails - テストをローカルで実行するときに webpack dev サーバーを使用する

きゅうりをローカルで実行すると、webpacker がパックをコンパイルしています。

Webpacker がインストールされている /path/to/config/webpacker.yml ファイルを使用して webpack パスを設定する [Webpacker] アセットのコンパイル

デバッグ コンソールを開いて、ブラウザでテスト ページを表示したい場合があります。出力を入力current_urlして、ブラウザーのアドレス バーに貼り付けます。JS または CSS に変更を加えると、テスト ページをリロードしても表示されません。しかし、変更は開発サーバーによってすぐに取得されます

テストをローカルで実行するときに、コンパイルする代わりに webpack dev サーバーを使用するにはどうすればよいですか? そして、アセットを CI でコンパイルするとよいでしょう。Solanoを使用し、TDDIUM環境変数があります

セットしてみた

config.assets.compile = falseconfig/environments/test.rb で

しかし、テストを開始すると、次のエラーが表示されます。

URL「/stylesheets/email.css」のファイル

webpacker と一緒にスプロケットを使用します。

0 投票する
0 に答える
443 参照

ruby-on-rails - webpacker-react で npm モジュールをインストールできない

私のプロジェクトに react-dropzone をインストールしたいと思います。私はreact-railsプロジェクトを使用しています。gem を使用するために webpacker-react をインストールしました。経由で react-dropzone をインストールnpm installしましたが、反応コンポーネントにロードできません。(webpacker-reactが原因だと思います)。では、npm 経由でインストールされたモジュールを反応コンポーネントにロードする方法は?

コンポーネント.jsx

package.json (よくインストールされています)

Firefox コンソールのエラー メッセージ:

webpacker.yml

構成.js