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

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

ただいまの
回答率

87.34%

rails assets:precompile がエラーもなく失敗する

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 2,151

バージョン

ruby v2.5.1
rails v5.2.2.1

問題

RAILS_ENV=production rails assets:precompile がエラーもなく失敗します。  
どこかにエラーが吐かれているのでしょうか?
どこか確かめるディレクトリやファイルがあれば、ご教授いただけないでしょうか?
もしエラーを見落としていれば申し訳ありません。

現象

以下を実行する以前はRAILS_ENV=production rails assets:precompileは成功していました。

まず、gemをインストール

gem 'react-rails', '~> 2.5'
gem 'webpacker', '~> 4.0', '>= 4.0.2'


以下のコマンドを実行

rails webpacker:install
rails webpacker:install:react
rails generate react:install

RAILS_ENV=production rails assets:precompileを実行
コンパイルがエラーもなく失敗します。

RAILS_ENV=production rails assets:precompile
yarn install v1.15.2
warning package.json: No license field
warning No license field
[1/4] 🔍  Resolving packages...
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...
warning " > @babel/preset-react@7.0.0" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/preset-react > @babel/plugin-transform-react-display-name@7.2.0" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/preset-react > @babel/plugin-transform-react-jsx@7.3.0" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/preset-react > @babel/plugin-transform-react-jsx-self@7.2.0" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/preset-react > @babel/plugin-transform-react-jsx-source@7.5.0" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/preset-react > @babel/plugin-transform-react-jsx > @babel/plugin-syntax-jsx@7.2.0" has unmet peer dependency "@babel/core@^7.0.0-0".
warning " > webpack-dev-server@3.7.2" has unmet peer dependency "webpack@^4.0.0".
warning "webpack-dev-server > webpack-dev-middleware@3.7.0" has unmet peer dependency "webpack@^4.0.0".
[4/4] 🔨  Building fresh packages...
✨  Done in 5.58s.
I, [2019-07-27T22:34:23.455649 #3961]  INFO -- : Writing /Users/shoheikawasaki/study/household_account_book/public/assets/admin-lte/dist/css/skins/skin-red.min-160de54a049447e5939a575e95f139af08f34d712473445852212581b7ea274b.css

........省略.......

Compiling…
Compilation failed:
warning package.json: No license field

Hash: f6ec42039a57aa2f0878
Version: webpack 4.38.0
Time: 7731ms
Built at: 2019-07-27 22:34:35
                                             Asset       Size  Chunks             Chunk Names
            js/application-2fc2e88e9ad94d51ed33.js    141 KiB       0  [emitted]  application
         js/application-2fc2e88e9ad94d51ed33.js.gz   44.5 KiB          [emitted]  
        js/application-2fc2e88e9ad94d51ed33.js.map    409 KiB       0  [emitted]  application
     js/application-2fc2e88e9ad94d51ed33.js.map.gz    109 KiB          [emitted]  
            js/hello_react-4a51ec5c59dcef884b3a.js    118 KiB       1  [emitted]  hello_react
         js/hello_react-4a51ec5c59dcef884b3a.js.gz     37 KiB          [emitted]  
        js/hello_react-4a51ec5c59dcef884b3a.js.map    341 KiB       1  [emitted]  hello_react
     js/hello_react-4a51ec5c59dcef884b3a.js.map.gz   90.9 KiB          [emitted]  
       js/server_rendering-3083addb1feaddddd847.js    141 KiB       2  [emitted]  server_rendering
    js/server_rendering-3083addb1feaddddd847.js.gz   44.5 KiB          [emitted]  
   js/server_rendering-3083addb1feaddddd847.js.map    408 KiB       2  [emitted]  server_rendering
js/server_rendering-3083addb1feaddddd847.js.map.gz    109 KiB          [emitted]  
                                     manifest.json   1.05 KiB          [emitted]  
                                  manifest.json.gz  252 bytes          [emitted]  
Entrypoint application = js/application-2fc2e88e9ad94d51ed33.js js/application-2fc2e88e9ad94d51ed33.js.map
Entrypoint hello_react = js/hello_react-4a51ec5c59dcef884b3a.js js/hello_react-4a51ec5c59dcef884b3a.js.map
Entrypoint server_rendering = js/server_rendering-3083addb1feaddddd847.js js/server_rendering-3083addb1feaddddd847.js.map
 [7] (webpack)/buildin/global.js 472 bytes {0} {1} {2} [built]
 [9] ./app/javascript/components sync ^\.\/.*$ 160 bytes {0} {2} [built]
[21] ./app/javascript/packs/application.js 1.03 KiB {0} [built]
[22] ./app/javascript/packs/hello_react.jsx 590 bytes {1} [built]
[23] ./app/javascript/packs/server_rendering.js 292 bytes {2} [built]
    + 19 hidden modules

household_account_book$ 

package.jsonは以下のように記載しております。

{
  "dependencies": {
    "@babel/preset-react": "^7.0.0",
    "@rails/webpacker": "^4.0.7",
    "admin-lte": "2.4.5",
    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
    "core-js": "3",
    "jquery": "3.4.0",
    "jquery-ui-touch-punch": "^0.2.3",
    "prop-types": "^15.7.2",
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react_ujs": "^2.5.0"
  },
  "devDependencies": {
    "webpack-dev-server": "^3.7.2"
  }
}

config/webpacker.yamlは以下のように記載しています。

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

default: &default
  source_path: app/javascript
  source_entry_path: packs
  public_root_path: public
  public_output_path: packs
  cache_path: tmp/cache/webpacker
  check_yarn_integrity: false
  webpack_compile_output: false

  # 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

  # Extract and emit a css file
  extract_css: false

  static_assets_extensions:
    - .jpg
    - .jpeg
    - .png
    - .gif
    - .tiff
    - .ico
    - .svg
    - .eot
    - .otf
    - .ttf
    - .woff
    - .woff2

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

development:
  <<: *default
  compile: true

  # Verifies that versions and hashed value of the package contents in the project's package.json
  check_yarn_integrity: 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: true

  # Extract and emit a css file
  extract_css: true

  # Cache manifest.json for performance
  cache_manifest: true

懸念点

実は昨日まではreactを含めプリコンパイルは成功していました。
warning package.json: No license field を解決しようとしてyarn upgradeを実行しました。(結局、yarn upgradeをしても解決できなかったのですが。)
このyarn upgradeをして何か変わってしまったのか疑っております。
何か調査するところ、参考記事などあれば、ご教授いただければ幸いです。
よろしくお願いいたします。

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

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

回答 1

check解決した方法

0

README.mdからMITライセンスを削除してしまっていたのが原因でした。

[MIT](https://github.com/tcnksm/tool/blob/master/LICENCE)

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

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

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

関連した質問

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