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

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

新規登録して質問してみよう
ただいま回答率
85.50%
Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

解決済

1回答

3808閲覧

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

ShoheiKawasaki

総合スコア6

Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2019/07/27 14:02

編集2019/07/28 08:06

バージョン

ruby v2.5.1
rails v5.2.2.1

問題

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

現象

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

まず、gemをインストール

rb

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

以下のコマンドを実行

rb

1rails webpacker:install 2rails webpacker:install:react 3rails 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は以下のように記載しております。

json

1{ 2 "dependencies": { 3 "@babel/preset-react": "^7.0.0", 4 "@rails/webpacker": "^4.0.7", 5 "admin-lte": "2.4.5", 6 "babel-plugin-transform-react-remove-prop-types": "^0.4.24", 7 "core-js": "3", 8 "jquery": "3.4.0", 9 "jquery-ui-touch-punch": "^0.2.3", 10 "prop-types": "^15.7.2", 11 "react": "^16.8.6", 12 "react-dom": "^16.8.6", 13 "react_ujs": "^2.5.0" 14 }, 15 "devDependencies": { 16 "webpack-dev-server": "^3.7.2" 17 } 18}

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

rb

1# Note: You must restart bin/webpack-dev-server for changes to take effect 2 3default: &default 4 source_path: app/javascript 5 source_entry_path: packs 6 public_root_path: public 7 public_output_path: packs 8 cache_path: tmp/cache/webpacker 9 check_yarn_integrity: false 10 webpack_compile_output: false 11 12 # Additional paths webpack should lookup modules 13 # ['app/assets', 'engine/foo/app/assets'] 14 resolved_paths: [] 15 16 # Reload manifest.json on all requests so we reload latest compiled packs 17 cache_manifest: false 18 19 # Extract and emit a css file 20 extract_css: false 21 22 static_assets_extensions: 23 - .jpg 24 - .jpeg 25 - .png 26 - .gif 27 - .tiff 28 - .ico 29 - .svg 30 - .eot 31 - .otf 32 - .ttf 33 - .woff 34 - .woff2 35 36 extensions: 37 - .jsx 38 - .mjs 39 - .js 40 - .sass 41 - .scss 42 - .css 43 - .module.sass 44 - .module.scss 45 - .module.css 46 - .png 47 - .svg 48 - .gif 49 - .jpeg 50 - .jpg 51 52development: 53 <<: *default 54 compile: true 55 56 # Verifies that versions and hashed value of the package contents in the project's package.json 57 check_yarn_integrity: true 58 59 # Reference: https://webpack.js.org/configuration/dev-server/ 60 dev_server: 61 https: false 62 host: localhost 63 port: 3035 64 public: localhost:3035 65 hmr: false 66 # Inline should be set to true if using HMR 67 inline: true 68 overlay: true 69 compress: true 70 disable_host_check: true 71 use_local_ip: false 72 quiet: false 73 headers: 74 'Access-Control-Allow-Origin': '*' 75 watch_options: 76 ignored: '**/node_modules/**' 77 78 79test: 80 <<: *default 81 compile: true 82 83 # Compile test packs to a separate directory 84 public_output_path: packs-test 85 86production: 87 <<: *default 88 89 # Production depends on precompilation of packs prior to booting for performance. 90 compile: true 91 92 # Extract and emit a css file 93 extract_css: true 94 95 # Cache manifest.json for performance 96 cache_manifest: true

懸念点

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

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

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

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

投稿2019/08/03 08:52

ShoheiKawasaki

総合スコア6

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問