LoginSignup
1
1

More than 3 years have passed since last update.

nuxtでError: Cannot import module '@nuxt/webpack' となってeb deployできなかったときにやったこと

Posted at

解決方法

  • package.jsonを削除する
  • node_modulesを削除する
  • npm updateを実行
  • 改めてeb deployする

環境

  • nuxt2.8.1
  • node10.10.0
  • デプロイ先 Elastic Beanstalk

やりたかったこと

nuxtでspaで作ったプロジェクトをeb deployして、eb上でnodeサーバを起動したかった
eb deployした時に、buildしてstartしてもらうために、package.jsonは以下のように

package.json
"scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt build && nuxt start", ←ここを変更した
    〜その他設定〜
}

eb deployした時のエラー

  • デプロイ自体は成功したように見えるが、デプロイ先のURLを開いても502エラーが返ってくる
  • ebのログには以下のエラーがはかれていた
-------------------------------------
/var/log/nodejs/nodejs.log
-------------------------------------
  at webpack (node_modules/@nuxt/cli/dist/cli-chunk.js:63:23)
  at NuxtCommand.getBuilder (node_modules/@nuxt/cli/dist/cli-chunk.js:2687:37)


   笊ュ笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笊ョ
   笏�                                                 笏�
   笏�   笨� Nuxt Fatal Error                            笏�
   笏�                                                 笏�
   笏�   Error: Cannot import module '@nuxt/webpack'   笏�
   笏�                                                 笏�
   笊ー笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笏€笊ッ

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! hoge@1.0.0 start: `nuxt build && nuxt start`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the hoge@1.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

> hoge@1.0.0 start /var/app/current
> nuxt build && nuxt start


 FATAL  Cannot import module '@nuxt/webpack'

  at _import (node_modules/@nuxt/cli/dist/cli-chunk.js:57:17)
  at webpack (node_modules/@nuxt/cli/dist/cli-chunk.js:63:23)
  at NuxtCommand.getBuilder (node_modules/@nuxt/cli/dist/cli-chunk.js:2687:37)

解決方法(再掲)

  • package.jsonを削除する
  • node_modulesを削除する
  • npm updateを実行
  • 改めてeb deployする

多分これで治る(自分は別のエラーが出ましたが、少なくとも上記のエラーは突破した)

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1