Rails + Vue.js에서 Hello Vue! 더 이상 사용할 수 없습니다 (Webpacker::Manifest::MissingEntryError)

Rails와 Vue.js의 조합 방법을 학습하고 싶다고 Techpit씨로 이쪽의 교재를 학습.
Rails × Vue.js로 메모 앱을 만들면서 현대적인 개발을 배우자!

1회째에 학습했을 때는 아무 문제도 없게 구축할 수 있었습니다만, 약 2주일 후에 복습하려고 생각해 2회째의 학습을 실시했는데, Hello Vue!라고 출력하는 부분에서



고생 했습니다만, 어떻게든 해결할 수 있었으므로 메모합니다.

오류가 발생한 부분

rails webpacker:install:vue 하여 라우팅, 컨트롤러, 뷰를 탐색하고 Hello Vue! 및 브라우저에 표시

오류 내용

Webpacker::Manifest::MissingEntryError
webpacker can't find hello_vue in ~/memo-app/public/packs/manifest.json. Possible causes:
1. You want to set webpacker.yml value of compile to true for your environment
unless you are using the webpack -w or the webpack-dev-server.
2. webpack has not yet re-run to reflect updates.
3. You have misconfigured Webpacker's config/webpacker.yml file.
4. Your webpack configuration is not creating a manifest.

첫 번째로 작성한 memo 앱을 확인했는데, 아무래도 public 폴더 이하에 packs 폴더와 manifest.json 파일이 생성되어 있지 않은 것이 원인과 같습니다 (위의 4).



그래서 "vue.js manifest.json""Webpacker::Manifest::MissingEntryError manifest.json"이라고 생각하는 한 키워드로 검색을 걸어 일본어, 영어 불문하고 조사,

①
해결 방법으로 제시된 것을 시도
↓
②
Webpacker::Manifest::MissingEntryError
webpacker cant find hello_vue in ~/memo-app/public/packs/manifest.json
오류 표시
↓
③
앱 삭제
↓
①로 돌아가기
라고, 오로지 시험했습니다만, 무언가도 전혀 해결하지 않았습니다···.
무한 루프에 빠져, 이미 안 되겠다고 생각했던 곳,
· 명령 실행마다 웹 팩 버전이 운항하는 내용이 여러 번 표시되었음을 알았습니다.
・뭔가의 버전이 바뀌어서 할 수 없게 된 것은? (Rails 튜토리얼에 Gem의 버전이 바뀌면 움직이지 않게 되는 일이 자주 있다고 써 있었기 때문에)
라고 생각해, Gemfile의 webpacker의 버젼을 바꾸어 볼까라고 생각한다.

해결책

webpacker의 최신 버전은 v6.0.0 같지만, 이것은 베타 버전 같기 때문에, 우선 5.0.0~5.1.0으로 해 보았습니다. Webpacker v6.0.0.beta.6의 현재 변경 사항 정보

Gemfile

# gem 'webpacker', '~> 4.0'
gem 'webpacker', '~> 5.0'     # 4を5に変える

그런 다음 다음 명령을 다시 실행

터미널

$ bundle install
$ rails webpacker:install
$ rails webpacker:install:vue
$ rails server

public 아래에 packs와 manifest.json이 생성되었습니다.


localhost:3000/home으로 이동하면,,,



안전하게 Hello Vue! 가 표시되었습니다! !

원인

자세한 원인은 솔직히 잘 모릅니다. 죄송합니다.
그냥 패키지 사이의 버전 문제인지 추측합니다.
그건 그렇고, 오류 해결에 필요한 시간은 15 시간이었습니다.
마음 꺾일 것 같았지만, 우선 자력으로 해결할 수 있어 좋은 경험이 되었습니다.