質問編集履歴
9
コードを修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -58,7 +58,10 @@
|
|
|
58
58
|
RUN apk update
|
|
59
59
|
```
|
|
60
60
|
docker-compose.yml
|
|
61
|
+
```yml
|
|
61
|
-
|
|
62
|
+
version: '3.8'
|
|
63
|
+
|
|
64
|
+
services:
|
|
62
65
|
app:
|
|
63
66
|
build: .
|
|
64
67
|
container_name: nuxt
|
|
@@ -72,7 +75,7 @@
|
|
|
72
75
|
- CHOKIDAR_USEPOLLING=true
|
|
73
76
|
```
|
|
74
77
|
index.vue
|
|
75
|
-
```
|
|
78
|
+
```vue
|
|
76
79
|
<template>
|
|
77
80
|
<Tutorial/>
|
|
78
81
|
</template>
|
|
@@ -82,7 +85,7 @@
|
|
|
82
85
|
</script>
|
|
83
86
|
```
|
|
84
87
|
Tutorial.vue
|
|
85
|
-
```
|
|
88
|
+
```vue
|
|
86
89
|
<!-- Please remove this file from your project -->
|
|
87
90
|
<template>
|
|
88
91
|
<div class="relative flex items-top justify-center min-h-screen bg-gray-100 sm:items-center sm:pt-0">
|
8
成功したので
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -191,4 +191,4 @@
|
|
|
191
191
|
```
|
|
192
192
|
|
|
193
193
|
### 追記
|
|
194
|
-
2021/9/7 15:30 [こちらの記事](https://qiita.com/ngplus6655/items/6dd701450b9f9e8e2b86)の通りに立ち上げたら成功しました
|
|
194
|
+
2021/9/7 15:30 [こちらの記事](https://qiita.com/ngplus6655/items/6dd701450b9f9e8e2b86)の通りに立ち上げたら成功しました
|
7
追記、墨かっこを追加
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
Docker-composeで立てたコンテナ内でyarn create nuxt-appを使うとページが表示されない
|
|
1
|
+
【Nuxt.js】Docker-composeで立てたコンテナ内でyarn create nuxt-appを使うとページが表示されない
|
body
CHANGED
|
@@ -188,4 +188,7 @@
|
|
|
188
188
|
1.22.5
|
|
189
189
|
|
|
190
190
|
Nuxt @ v2.15.8
|
|
191
|
-
```
|
|
191
|
+
```
|
|
192
|
+
|
|
193
|
+
### 追記
|
|
194
|
+
2021/9/7 15:30 [こちらの記事](https://qiita.com/ngplus6655/items/6dd701450b9f9e8e2b86)の通りに立ち上げたら成功しましたが、エラーの要因がわかりません、多分template.vueあたりにありそうですが…
|
6
変なところで改行はいってた
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
### 実現したいこと
|
|
2
2
|
|
|
3
|
-
Dockerと``yarn create nuxt-app``を使いnuxt.jsの環境を作成しようとしたところ、
|
|
3
|
+
Dockerと``yarn create nuxt-app``を使いnuxt.jsの環境を作成しようとしたところ、``yarn dev``まで進めたが、その後表示されるはずのテンプレートページが表示されず真っ白なページが表示されてしまうのでそれを解決したい。
|
|
4
|
-
るはずのテンプレートページが表示されず真っ白なページが表示されてしまうのでそれを解決したい。
|
|
5
4
|
|
|
6
5
|
#### 前提
|
|
7
6
|
|
5
補足情報を編集
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -184,7 +184,6 @@
|
|
|
184
184
|
PRETTY_NAME="Alpine Linux v3.13"
|
|
185
185
|
HOME_URL="https://alpinelinux.org/"
|
|
186
186
|
BUG_REPORT_URL="https://bugs.alpinelinux.org/"
|
|
187
|
-
PS D:\sandbox\nuxt\src>
|
|
188
187
|
|
|
189
188
|
/src # yarn -v
|
|
190
189
|
1.22.5
|
4
OSの情報を追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
- index.vueの中身を普通のHTML(<h1>hogehoge</h1>など)に書き換えると表示される
|
|
9
9
|
- 参照しているコンポーネントをNuxtLogo.vueに変更するとそれっぽいものが表示される
|
|
10
10
|
|
|
11
|
-
|
|
12
11
|
### 発生している問題・エラーメッセージ
|
|
13
12
|
|
|
14
13
|
```
|
|
@@ -167,12 +166,26 @@
|
|
|
167
166
|
### 補足情報（FW/ツールのバージョンなど）
|
|
168
167
|
|
|
169
168
|
```
|
|
169
|
+
> systeminfo
|
|
170
|
+
OS Name: Microsoft Windows 10 Home
|
|
171
|
+
OS Version: 10.0.19043 N/A Build 19043
|
|
172
|
+
|
|
170
173
|
> docker -v
|
|
171
174
|
Docker version 20.10.5, build 55c4c88
|
|
172
175
|
|
|
173
176
|
> docker-compose -v
|
|
174
177
|
docker-compose version 1.29.0, build 07737305
|
|
175
178
|
|
|
179
|
+
> docker run --rm node:alpine sh -c "cat /etc/*-release"
|
|
180
|
+
3.13.6
|
|
181
|
+
NAME="Alpine Linux"
|
|
182
|
+
ID=alpine
|
|
183
|
+
VERSION_ID=3.13.6
|
|
184
|
+
PRETTY_NAME="Alpine Linux v3.13"
|
|
185
|
+
HOME_URL="https://alpinelinux.org/"
|
|
186
|
+
BUG_REPORT_URL="https://bugs.alpinelinux.org/"
|
|
187
|
+
PS D:\sandbox\nuxt\src>
|
|
188
|
+
|
|
176
189
|
/src # yarn -v
|
|
177
190
|
1.22.5
|
|
178
191
|
|
3
前提を追加、何回も変更してしまい申し訳ありません
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,7 +1,14 @@
|
|
|
1
|
-
###
|
|
1
|
+
### 実現したいこと
|
|
2
2
|
|
|
3
|
-
Dockerと``yarn create nuxt-app``を使いnuxt.jsの環境を作成しようとしたところ、エラーなしで``yarn dev``まで進めた
|
|
3
|
+
Dockerと``yarn create nuxt-app``を使いnuxt.jsの環境を作成しようとしたところ、エラーなしで``yarn dev``まで進めたが、その後表示され
|
|
4
|
+
るはずのテンプレートページが表示されず真っ白なページが表示されてしまうのでそれを解決したい。
|
|
4
5
|
|
|
6
|
+
#### 前提
|
|
7
|
+
|
|
8
|
+
- index.vueの中身を普通のHTML(<h1>hogehoge</h1>など)に書き換えると表示される
|
|
9
|
+
- 参照しているコンポーネントをNuxtLogo.vueに変更するとそれっぽいものが表示される
|
|
10
|
+
|
|
11
|
+
|
|
5
12
|
### 発生している問題・エラーメッセージ
|
|
6
13
|
|
|
7
14
|
```
|
2
DockerというよりDocker-composeです、失礼しました
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
Dockerで立てたコンテナ内でyarn create nuxt-appを使うとページが表示されない
|
|
1
|
+
Docker-composeで立てたコンテナ内でyarn create nuxt-appを使うとページが表示されない
|
body
CHANGED
|
File without changes
|
1
create-nuxt-appの設定はソースコードではないので見出しを追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -126,7 +126,7 @@
|
|
|
126
126
|
</template>
|
|
127
127
|
```
|
|
128
128
|
|
|
129
|
-
create-nuxt-appの設定
|
|
129
|
+
#### create-nuxt-appの設定
|
|
130
130
|
|
|
131
131
|
```
|
|
132
132
|
? Project name: src
|