質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.51%

  • AWS(Amazon Web Services)

    2004questions

    Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

  • Ruby on Rails 5

    1766questions

  • Vue.js

    698questions

    Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

  • webpack

    241questions

AWSにデプロイしたいのにエラーが出ます

受付中

回答 0

投稿

  • 評価
  • クリップ 0
  • VIEW 136

hatsu

score 110

環境

Amazon Linux 2
ruby :2.4.0
rails : 5.1.6
webpack :3.1.2
vue :2.9.3

 参考

https://qiita.com/naoki_mochizuki/items/657aca7531b8948d267b

試したこと

ターミナル上で下記を実行しました。
cap production deploy

エラー内容

cap aborted!
SSHKit::Runner::ExecuteError: Exception while executing as ****@**.**.**.***: rake exit status: 1
rake stdout: yarn install v1.7.0
[1/4] Resolving packages...
[2/4] Fetching packages...
info fsevents@1.2.4: The platform "linux" is incompatible with this module.
info "fsevents@1.2.4" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
[4/4] Building fresh packages...
Done in 18.96s.
Webpacker is installed 🎉 🍰
Using /var/www/cafepedia/releases/20180711030940/config/webpacker.yml file for setting up webpack paths
Compiling…
Compilation failed:

Hash: ff9011457bd1051948b4
Version: webpack 3.12.0
Time: 28082ms
                                             Asset       Size      Chunks             Chunk Names
             hello_vue-a0b873c18c806a12d3c4.js.map     108 kB           5  [emitted]  hello_vue
                     store-98660ee66cd307792ebf.js     203 kB  0, 1, 3, 4  [emitted]  store
                    header-26a50ab319eeb4eb59b0.js     190 kB        2, 6  [emitted]  header
           components/show-bbb3e1f35da051905a76.js    18.2 kB           3  [emitted]  components/show
          components/index-a3587ab2af6bdb82686b.js    24.7 kB           4  [emitted]  components/index
                 hello_vue-a0b873c18c806a12d3c4.js    67.8 kB           5  [emitted]  hello_vue
      router/header_router-f838275de9da43437001.js    90.7 kB           6  [emitted]  router/header_router
               application-088380da62e713759a5b.js  592 bytes           7  [emitted]  application
    hello_vue-31dc350d17fb537feb7c75d35417c4a4.css  125 bytes           5  [emitted]  hello_vue
                 store-98660ee66cd307792ebf.js.map     301 kB  0, 1, 3, 4  [emitted]  store
         router/router-e8de1e4e8d8b4dd105b7.js.map     175 kB     1, 3, 4  [emitted]  router/router
                header-26a50ab319eeb4eb59b0.js.map     286 kB        2, 6  [emitted]  header
       components/show-bbb3e1f35da051905a76.js.map    24.3 kB           3  [emitted]  components/show
      components/index-a3587ab2af6bdb82686b.js.map      31 kB           4  [emitted]  components/index
             router/router-e8de1e4e8d8b4dd105b7.js     116 kB     1, 3, 4  [emitted]  router/router
hello_vue-31dc350d17fb537feb7c75d35417c4a4.css.map  123 bytes           5  [emitted]  hello_vue
  router/header_router-f838275de9da43437001.js.map     144 kB           6  [emitted]  router/header_router
           application-088380da62e713759a5b.js.map    1.11 kB           7  [emitted]  application
                                     manifest.json    1.31 kB              [emitted]
        components/show-bbb3e1f35da051905a76.js.gz    6.25 kB              [emitted]
       components/index-a3587ab2af6bdb82686b.js.gz    8.05 kB              [emitted]
            application-088380da62e713759a5b.js.gz  373 bytes              [emitted]
                                  manifest.json.gz  368 bytes              [emitted]
              hello_vue-a0b873c18c806a12d3c4.js.gz    23.9 kB              [emitted]
          router/router-e8de1e4e8d8b4dd105b7.js.gz    38.4 kB              [emitted]
   router/header_router-f838275de9da43437001.js.gz    31.2 kB              [emitted]
                 header-26a50ab319eeb4eb59b0.js.gz    65.5 kB              [emitted]
                  store-98660ee66cd307792ebf.js.gz    69.1 kB              [emitted]
   [1] (webpack)/buildin/global.js 509 bytes {0} {1} {2} {5} {6} [built]
  [33] ./app/javascript/packs/components/index.vue + 2 modules 14.9 kB {0} {1} {4} [built]
  [34] ./app/javascript/packs/components/show.vue + 2 modules 4.96 kB {0} {1} {3} [built]
  [36] ./app/javascript/packs/router/header_router.js 278 bytes {2} {6} [built]
  [37] ./app/javascript/packs/router/router.js 287 bytes {0} {1} [built]
  [38] ./app/javascript/packs/application.js 515 bytes {7} [built]
  [39] ./app/javascript/packs/header.js 232 bytes {2} [built]
  [40] ./app/javascript/packs/hello_vue.js + 3 modules 3.83 kB {5} [built]
  [41] ./node_modules/extract-text-webpack-plugin/dist/loader.js?{"omit":1,"remove":true}!./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{"optionsId":"0","vue":true,"id":"data-v-2888e551","scoped":true,"sourceMap":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./app/javascript/app.vue 41 bytes {5} [built]
  [42] ./app/javascript/packs/store.js 227 bytes {0} [built]
  [43] ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{"optionsId":"0","vue":true,"id":"data-v-2888e551","scoped":true,"sourceMap":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./app/javascript/app.vue 213 bytes [built]
  [45] ./node_modules/vue-style-loader/lib/addStylesClient.js + 1 modules 6.87 kB [built]
    + 34 hidden modules

ERROR in ./app/javascript/packs/router/header_router.js
Module not found: Error: Can't resolve '../components/header.vue' in '/var/www/cafepedia/releases/20180711030940/app/javascript/packs/router'
 @ ./app/javascript/packs/router/header_router.js 3:0-46
Child extract-text-webpack-plugin node_modules/extract-text-webpack-plugin/dist node_modules/css-loader/index.js?minimize!node_modules/vue-loader/lib/style-compiler/index.js?{"optionsId":"0","vue":true,"id":"data-v-2888e551","scoped":true,"sourceMap":false}!node_modules/vue-loader/lib/selector.js?type=styles&index=0!app/javascript/app.vue:
       [0] ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{"optionsId":"0","vue":true,"id":"data-v-2888e551","scoped":true,"sourceMap":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./app/javascript/app.vue 213 bytes {0} [built]
        + 1 hidden module
rake stderr: warning "@rails/webpacker > postcss-cssnext@3.1.0" has unmet peer dependency "caniuse-lite@^1.0.30000697".
warning " > vue-loader@14.2.2" has unmet peer dependency "css-loader@*".
warning " > webpack-dev-server@2.11.2" has unmet peer dependency "webpack@^2.2.0 || ^3.0.0".
warning "webpack-dev-server > webpack-dev-middleware@1.12.2" has unmet peer dependency "webpack@^1.0.0 || ^2.0.0 || ^3.0.0".

です。

エラー内容/原因推測

下記のようなことが描いているのでwebpacker.ymlにあるもの(vue.jsかな)のコンパイルエラーです。

Webpacker is installed 🎉 🍰
Using /var/www/cafepedia/releases/20180711030940/config/webpacker.yml file for setting up webpack paths
Compiling…
Compilation failed:

でconfig/webpack.ymlは下記です。

# Note: You must restart bin/webpack-dev-server for changes to take effect

default: &default
  source_path: app/javascript
  source_entry_path: packs
  public_output_path: packs
  cache_path: tmp/cache/webpacker

  # Additional paths webpack should lookup modules
  # ['app/assets', 'engine/foo/app/assets']
  resolved_paths: []

  # Reload manifest.json on all requests so we reload latest compiled packs
  cache_manifest: false

  extensions:
    - .vue
    - .js
    - .sass
    - .scss
    - .css
    - .module.sass
    - .module.scss
    - .module.css
    - .png
    - .svg
    - .gif
    - .jpeg
    - .jpg

development:
  <<: *default
  compile: true

  # Reference: https://webpack.js.org/configuration/dev-server/
  dev_server:
    https: false
    host: localhost
    port: 3035
    public: localhost:3035
    hmr: false
    # Inline should be set to true if using HMR
    inline: true
    overlay: true
    compress: true
    disable_host_check: true
    use_local_ip: false
    quiet: false
    headers:
      'Access-Control-Allow-Origin': '*'
    watch_options:
      ignored: /node_modules/


test:
  <<: *default
  compile: true

  # Compile test packs to a separate directory
  public_output_path: packs-test

production:
  <<: *default

  # Production depends on precompilation of packs prior to booting for performance.
  compile: false

  # Cache manifest.json for performance
  cache_manifest: true

現状

AWS初心者でして、色々検索してみても、解決方法がわからず、何時間もつまづいております。
何かわかる方、必要な情報は載せていきますので、ご教授ください。よろしくお願いいたします。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.51%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • AWS(Amazon Web Services)

    2004questions

    Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

  • Ruby on Rails 5

    1766questions

  • Vue.js

    698questions

    Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

  • webpack

    241questions