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

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

新規登録して質問してみよう
ただいま回答率
85.47%
docker-compose

docker-composeとは、複数のコンテナで構成されるサービスを提供する手順を自動的し管理を簡単にするツール。composeファイルを使用しコマンド1回で設定した全サービスを作成・起動することが可能です。

Ruby on Rails 6

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

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Linux

Linuxは、Unixをベースにして開発されたオペレーティングシステムです。日本では「リナックス」と呼ばれています。 主にWebサーバやDNSサーバ、イントラネットなどのサーバ用OSとして利用されています。 上位500のスーパーコンピュータの90%以上はLinuxを使用しています。 携帯端末用のプラットフォームAndroidは、Linuxカーネル上に構築されています。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

Q&A

解決済

1回答

744閲覧

Rails Error: Missing binding

hanayama

総合スコア11

docker-compose

docker-composeとは、複数のコンテナで構成されるサービスを提供する手順を自動的し管理を簡単にするツール。composeファイルを使用しコマンド1回で設定した全サービスを作成・起動することが可能です。

Ruby on Rails 6

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

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Linux

Linuxは、Unixをベースにして開発されたオペレーティングシステムです。日本では「リナックス」と呼ばれています。 主にWebサーバやDNSサーバ、イントラネットなどのサーバ用OSとして利用されています。 上位500のスーパーコンピュータの90%以上はLinuxを使用しています。 携帯端末用のプラットフォームAndroidは、Linuxカーネル上に構築されています。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

0グッド

0クリップ

投稿2021/01/20 08:33

#解決したい事

開発環境をCloud9からDockerに移行しようと思いgit cloneをしてDockerでコンテナを立ち上げました
するとアプリ自体は表示されるのですが、JQueryが機能していませんでした

デベロッパーツールで確認した所、以下のようなエラーが出ていました

Uncaught Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js): Error: Missing binding /Life-changing/node_modules/node-sass/vendor/linux-x64-64/binding.node Node Sass could not find a binding for your current environment: Linux 64-bit with Node.js 10.x Found bindings for the following environments: - OS X 64-bit with Node.js 13.x - OS X 64-bit with Unsupported runtime (88) This usually happens because your environment has changed since running `npm install`. Run `npm rebuild node-sass` to download the binding for your current environment. at module.exports (:3000/Life-changing/node_modules/node-sass/lib/binding.js:15) at Object.<anonymous> (:3000/Life-changing/node_modules/node-sass/lib/index.js:14) at Module._compile (:3000/Life-changing/node_modules/v8-compile-cache/v8-compile-cache.js:192) at Object.Module._extensions..js (:3000/internal/modules/cjs/loader.js:789) at Module.load (:3000/internal/modules/cjs/loader.js:653) at tryModuleLoad (:3000/internal/modules/cjs/loader.js:593) at Function.Module._load (:3000/internal/modules/cjs/loader.js:585) at Module.require (:3000/internal/modules/cjs/loader.js:692) at require (:3000/Life-changing/node_modules/v8-compile-cache/v8-compile-cache.js:159) at getDefaultSassImpl (:3000/Life-changing/node_modules/sass-loader/dist/index.js:198) at Object.loader (:3000/Life-changing/node_modules/sass-loader/dist/index.js:80) at Object../node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./app/javascript/packs/src/application.scss (chartkick.js:2631) at __webpack_require__ (bootstrap:19) at Object../app/javascript/packs/src/application.scss (application.scss:2) at __webpack_require__ (bootstrap:19) at Module../app/javascript/packs/application.js (application.js:1) at __webpack_require__ (bootstrap:19) at bootstrap:83 at bootstrap:83

Cloud9DockerのOS

Cloud9

1uname -a 2Linux ip-172-31-33-120 5.4.0-1035-aws #37~18.04.1-Ubuntu SMP Wed Jan 6 22:31:04 UTC 2021 x86_64 x86_64 x86_64 GNU/Linux

Docker

1uname -a 2Linux e3a96499c070 4.19.121-linuxkit #1 SMP Tue Dec 1 17:50:32 UTC 2020 x86_64 GNU/Linux 3

これはOSの差異で参照先が変わりエラーになっていると言う事でしょうか?
また、この場合どのような解決策が考えられるでしょうか?

わかる方いましたらぜひ知恵を貸していただけると幸いです
よろしくお願いしますm(__)m

#やってみた事

$ npm rebuild node-sass npm ERR! code 1 npm ERR! path /Users/kuzeginjirou/portfolio/Life-changing/node_modules/node-sass npm ERR! command failed npm ERR! command sh -c node scripts/build.js npm ERR! Building: /usr/local/Cellar/node/15.6.0/bin/node /Users/kuzeginjirou/portfolio/Life-changing/node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library= npm ERR! gyp info it worked if it ends with ok npm ERR! gyp verb cli [ npm ERR! gyp verb cli '/usr/local/Cellar/node/15.6.0/bin/node', npm ERR! gyp verb cli '/Users/kuzeginjirou/portfolio/Life-changing/node_modules/node-gyp/bin/node-gyp.js', npm ERR! gyp verb cli 'rebuild', npm ERR! gyp verb cli '--verbose', npm ERR! gyp verb cli '--libsass_ext=', npm ERR! gyp verb cli '--libsass_cflags=', npm ERR! gyp verb cli '--libsass_ldflags=', npm ERR! gyp verb cli '--libsass_library=' npm ERR! gyp verb cli ] npm ERR! gyp info using node-gyp@3.8.0 npm ERR! gyp info using node@15.6.0 | darwin | x64 npm ERR! gyp verb command rebuild [] npm ERR! gyp verb command clean [] npm ERR! gyp verb clean removing "build" directory npm ERR! gyp verb command configure [] npm ERR! gyp verb check python checking for Python executable "python2" in the PATH npm ERR! gyp verb `which` succeeded python2 /usr/bin/python2 npm ERR! gyp verb check python version `/usr/bin/python2 -c "import sys; print "2.7.16 npm ERR! gyp verb check python version .%s.%s" % sys.version_info[:3];"` returned: %j npm ERR! gyp verb get node dir no --target version specified, falling back to host node version: 15.6.0 npm ERR! gyp verb command install [ '15.6.0' ] npm ERR! gyp verb install input version string "15.6.0" npm ERR! gyp verb install installing version: 15.6.0 npm ERR! gyp verb install --ensure was passed, so won't reinstall if already installed npm ERR! gyp verb install version is already installed, need to check "installVersion" npm ERR! gyp verb got "installVersion" 9 npm ERR! gyp verb needs "installVersion" 9 npm ERR! gyp verb install version is good npm ERR! gyp verb get node dir target node version installed: 15.6.0 npm ERR! gyp verb build dir attempting to create "build" dir: /Users/kuzeginjirou/portfolio/Life-changing/node_modules/node-sass/build npm ERR! gyp verb build dir "build" dir needed to be created? /Users/kuzeginjirou/portfolio/Life-changing/node_modules/node-sass/build npm ERR! gyp verb build/config.gypi creating config file npm ERR! gyp verb build/config.gypi writing out config file: /Users/kuzeginjirou/portfolio/Life-changing/node_modules/node-sass/build/config.gypi npm ERR! gyp verb config.gypi checking for gypi file: /Users/kuzeginjirou/portfolio/Life-changing/node_modules/node-sass/config.gypi npm ERR! gyp verb common.gypi checking for gypi file: /Users/kuzeginjirou/portfolio/Life-changing/node_modules/node-sass/common.gypi npm ERR! gyp verb gyp gyp format was not specified; forcing "make" npm ERR! gyp info spawn /usr/bin/python2 npm ERR! gyp info spawn args [ npm ERR! gyp info spawn args '/Users/kuzeginjirou/portfolio/Life-changing/node_modules/node-gyp/gyp/gyp_main.py', npm ERR! gyp info spawn args 'binding.gyp', npm ERR! gyp info spawn args '-f', npm ERR! gyp info spawn args 'make', npm ERR! gyp info spawn args '-I', npm ERR! gyp info spawn args '/Users/kuzeginjirou/portfolio/Life-changing/node_modules/node-sass/build/config.gypi', npm ERR! gyp info spawn args '-I', npm ERR! gyp info spawn args '/Users/kuzeginjirou/portfolio/Life-changing/node_modules/node-gyp/addon.gypi', npm ERR! gyp info spawn args '-I', npm ERR! gyp info spawn args '/Users/kuzeginjirou/.node-gyp/15.6.0/include/node/common.gypi', npm ERR! gyp info spawn args '-Dlibrary=shared_library', npm ERR! gyp info spawn args '-Dvisibility=default', npm ERR! gyp info spawn args '-Dnode_root_dir=/Users/kuzeginjirou/.node-gyp/15.6.0', npm ERR! gyp info spawn args '-Dnode_gyp_dir=/Users/kuzeginjirou/portfolio/Life-changing/node_modules/node-gyp', npm ERR! gyp info spawn args '-Dnode_lib_file=/Users/kuzeginjirou/.node-gyp/15.6.0/<(target_arch)/node.lib', npm ERR! gyp info spawn args '-Dmodule_root_dir=/Users/kuzeginjirou/portfolio/Life-changing/node_modules/node-sass', npm ERR! gyp info spawn args '-Dnode_engine=v8', npm ERR! gyp info spawn args '--depth=.', npm ERR! gyp info spawn args '--no-parallel', npm ERR! gyp info spawn args '--generator-output', npm ERR! gyp info spawn args 'build', npm ERR! gyp info spawn args '-Goutput_dir=.' npm ERR! gyp info spawn args ] npm ERR! No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'. npm ERR! npm ERR! No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/'. npm ERR! npm ERR! No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/'. npm ERR! npm ERR! gyp: No Xcode or CLT version detected! npm ERR! gyp ERR! configure error npm ERR! gyp ERR! stack Error: `gyp` failed with exit code: 1 npm ERR! gyp ERR! stack at ChildProcess.onCpExit (/Users/kuzeginjirou/portfolio/Life-changing/node_modules/node-gyp/lib/configure.js:345:16) npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:379:20) npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:285:12) npm ERR! gyp ERR! System Darwin 20.2.0 npm ERR! gyp ERR! command "/usr/local/Cellar/node/15.6.0/bin/node" "/Users/kuzeginjirou/portfolio/Life-changing/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library=" npm ERR! gyp ERR! cwd /Users/kuzeginjirou/portfolio/Life-changing/node_modules/node-sass npm ERR! gyp ERR! node -v v15.6.0 npm ERR! gyp ERR! node-gyp -v v3.8.0 npm ERR! gyp ERR! not ok npm ERR! Build failed with error code: 1 npm ERR! A complete log of this run can be found in: npm ERR! /Users/kuzeginjirou/.npm/_logs/2021-01-20T08_24_11_629Z-debug.log

#環境
node v15.6.0
nmp 7.4.0

Docker version 20.10.0, build 7287ab3
docker-compose version 1.27.4, build 40524192

ruby 2.6.3p62 (2019-04-16 revision 67580) [x86_64-linux]
Rails 6.0.3.4

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

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

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

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

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

guest

回答1

0

自己解決

正直色々とやりすぎて根本的に何が悪くてどこで治ったのかがわかってないですが、おそらくnode-sassというのが原因だったっぽく、node-sassyarn.lockを削除しbundle exec rails assets::precompileとしたら正常にjavascript系のライブラリが機能するようになりました

投稿2021/01/22 05:30

hanayama

総合スコア11

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.47%

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

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

質問する

関連した質問