2017-05-12 10 views
2

からapp/javascript/packs/application.js私はimport "../foo"にファイルfoo.js.erbがあるとしようとしています。そのファイルはbar.jsときWebpackerと糸はたとえばimport "../bar"ため、application.jsに他の輸入のための偉大な作業しているが、私は.js.erbファイルをしようとした場合、私はWebPACKの-devのサーバーからこのエラーを取得:Rails 5.1ウェブパッカーの "import" a .js.erbファイル?

ERROR in ./app/javascript/packs/application.js 
Module not found: Error: Can't resolve '../foo' in '/Users/blah/backlot/projects/test/app/javascript/packs' 
@ ./app/javascript/packs/application.js 3:0-27 
@ multi (webpack)-dev-server/client?http://localhost:8080 ./app/javascript/packs/application.js 

私がやりますrails-erb-loaderがインストールされていて、webpacker configを見ると、erbローダーが評価されていて、私はその設定を生成するためにrails webpacker:installを実行する以外は何も触れていません。

答えて

7

何がやりたいことは、この場合には:実際のファイルがfoo.js.erbとき

import '../foo' 

、あなたは拡張機能のリストで

- .js.erb 

が含まれるようにconfig/webpack/paths.ymlを更新する必要があります。そうしないとあなたは完全にそれはもはやの `config/WebPACKの/ paths.yml`が、の` config/WebPACKの/ webpacker.yml`更新しなければならないものであるようだあなたは

import '../foo.js.erb' 
+1

をインポートするファイル名を指定する必要があります。紛らわしいことに、拡張のリストにはすでに ' - .erb'が含まれていますが、追加する拡張は' - .js.erb'です。 – KaptajnKold

関連する問題