teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

新たに追加した作業

2019/12/03 09:32

投稿

garta
garta

スコア15

title CHANGED
File without changes
body CHANGED
@@ -6,24 +6,64 @@
6
6
  webpacker管理に移行しているbootstrapやCSSが反映されないのは何故なのでしょうか?
7
7
  よろしければアドバイスいただきたいです。
8
8
 
9
+ ###追記
10
+ docker-compose run rails bin/webpackを実行した所、
11
+ ```ここに言語を入力
12
+ ERROR in ./app/fronts/src/stylesheets/application.scss
13
+ Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
14
+ ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
15
+ Error: Missing binding /App/node_modules/node-sass/vendor/linux-x64-72/binding.node
16
+ Node Sass could not find a binding for your current environment: Linux 64-bit with Node.js 12.x
9
17
 
18
+ Found bindings for the following environments:
19
+ - OS X 64-bit with Node.js 12.x
20
+
21
+
22
+
23
+ npm rebuild node-sassをしろとの長いログ
24
+
25
+
26
+
27
+ ERROR in ./node_modules/slick-carousel/slick/slick-theme.scss
28
+ Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
29
+ ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
30
+ Error: Missing binding /App/node_modules/node-sass/vendor/linux-x64-72/binding.node
31
+ Node Sass could not find a binding for your current environment: Linux 64-bit with Node.js 12.x
32
+
33
+ Found bindings for the following environments:
34
+ - OS X 64-bit with Node.js 12.x
35
+
36
+ npm rebuild node-sassをしろとの長いログ
37
+
38
+ ```
39
+ と表示されます。
40
+ ログの通り
41
+ docker-compose run rails npm rebuild node-sassをやっても同じくエラーでした。
42
+
10
43
  ###Dockerfile
11
44
  ```ここに言語を入力
12
45
  FROM ruby:2.5.1
13
- RUN apt-get update && apt-get install -y nodejs --no-install-recommends && rm -rf /var/lib/apt/lists/*
14
- RUN apt-get update && apt-get install -y mysql-client --no-install-recommends && rm -rf /var/lib/apt/lists/*
15
- RUN apt-get update -qq && apt-get install -y build-essential libpq-dev nodejs
16
46
 
47
+ RUN rm /bin/sh && ln -s /bin/bash /bin/sh
48
+
49
+ RUN apt-get update -qq && apt-get install -y build-essential libpq-dev
50
+
17
51
  RUN apt-get update && apt-get install -y curl apt-transport-https wget && \
18
52
  curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | apt-key add - && \
19
53
  echo "deb https://dl.yarnpkg.com/debian/ stable main" | tee /etc/apt/sources.list.d/yarn.list && \
20
54
  apt-get update && apt-get install -y yarn
21
55
 
56
+ RUN curl -SL https://deb.nodesource.com/setup_12.x | bash
57
+ RUN apt-get install -y nodejs
58
+ RUN apt-get update && apt-get install -y mysql-client --no-install-recommends && rm -rf /var/lib/apt/lists/*
59
+
60
+
61
+
62
+
22
63
  RUN mkdir /App
23
64
  WORKDIR /App
24
65
  ADD Gemfile /App/Gemfile
25
66
  ADD Gemfile.lock /App/Gemfile.lock
26
-
27
67
  RUN bundle install
28
68
  ADD . /App
29
69
  ```

2

文法の修正

2019/12/03 09:32

投稿

garta
garta

スコア15

title CHANGED
File without changes
body CHANGED
@@ -1,10 +1,10 @@
1
- Railsと並行てDocker学習をしています
1
+ rails6,webpacker4で作成た既存アプリにDocker導入ようとしています
2
- 色々と調べてやってみdb接続まではうくいきました
2
+ コンテナを立ち上げDB接続やHTMLの表示され
3
3
  フロント周りのCSSやbootstrapが反映されません。
4
4
  フロント周りは全てアセットパイプラインからwebpackerに管理を移行しています。
5
- そこで読み込んだfontawesomeのアイコンは表示されているので、webpacker自体は動いていると思いま
5
+ そこで読み込んだfontawesomeのアイコンは表示されているので、webpacker自体は動いていると思うのでが、
6
- おそらく、ローカルで記述したwebpacker内のcssやjsがDocker上で読み込まれていないのだろうと思いますが、
7
- この場合、Dockerfileにてcssやjsのファイルを一つ一つCOPYでDockerイメージに持ってくしかないのでしょうか?
6
+ webpacker管理移行しbootstrapやCSSが反映されないのは何故なのでしょうか?
7
+ よろしければアドバイスいただきたいです。
8
8
 
9
9
 
10
10
  ###Dockerfile

1

抽象的すぎたので改善

2019/12/03 08:38

投稿

garta
garta

スコア15

title CHANGED
File without changes
body CHANGED
@@ -1,9 +1,10 @@
1
1
  Railsと並行してDockerの学習をしています。
2
2
  色々と調べてやってみた所、db接続までははうまくいきましたが
3
3
  フロント周りのCSSやbootstrapが反映されません。
4
- フロント周りは全てアセットパイプラインからwebpackerに管理を移行、yarnが存在という旨のエラーも発生したので、
4
+ フロント周りは全てアセットパイプラインからwebpackerに管理を移行します。
5
+ そこで読み込んだfontawesomeのアイコンは表示されているので、webpacker自体は動いていると思います。
5
- おそらく、yarnやwebpackerに関するDockerfileとDocker-compose設定くいっていないのだと思い、
6
+ おそらく、ローカルで記述したwebpackercssやjsDocker上で読み込ていないのだろうと思いますが
6
- 調べつつ色々と手を加えみたのですが上手かないので助言をいただきたいです。
7
+ この場合、Dockerfileにcssやjsファイルを一つ一つCOPYDockerイメージに持ってるしかないのでしょうか?
7
8
 
8
9
 
9
10
  ###Dockerfile