2017-05-12 4 views
2

app/javascript/packs/application.js에서 나는 import "../foo"에 파일이 foo.js.erb 인 것을 시도하고있다. 해당 파일이 bar.js 때 Webpacker과 실 예를 import "../bar"를 들어, application.js 다른 수입에 대한 큰 노력하고 있습니다하지만 난 .js.erb 파일을하려고하면 나는 웹팩-DEV-서버에서이 오류를 얻을 : 내가 할Rails 5.1 웹 패커의 "import".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 loader가 평가되고 있습니다. 비록 config를 생성하기 위해 rails webpacker:install을 실행하는 것 외에는 아무 것도 건드리지는 않았지만 나에게 맞는 것으로 보입니다. 싶은 것은이 경우

답변

7

: 실제 파일이 foo.js.erb 경우

import '../foo' 

, 당신은 확장 목록에서

- .js.erb 

를 포함 config/webpack/paths.yml를 업데이트해야합니다. 그렇지 않으면 가져올 파일 이름을 완전히 지정해야합니다.

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

더 이상 'config/webpack/paths.yml'이 아니라'config/webpack/webpacker.yml'이 업데이트되어야합니다. 혼란스럽게도, 확장 목록에 이미'- .erb'가 포함되어 있지만 추가 할 확장자는'- .js.erb'입니다. – KaptajnKold