質問編集履歴

2

間違えていたため

2019/09/12 16:42

投稿

hiroki88
hiroki88

スコア66

test CHANGED
File without changes
test CHANGED
@@ -204,30 +204,32 @@
204
204
 
205
205
 
206
206
 
207
- **またnpm run dev,npm run watchに関してもエラーがでており実行できていません。**
207
+ **またnpm run devに関してもエラーがでており実行できていません。**
208
208
 
209
209
  ```errorcode
210
210
 
211
- C:\MAMP\htdocs>npm run watch
211
+ C:\MAMP\htdocs\laravel>npm run dev
212
+
212
-
213
+ npm ERR! file C:\MAMP\htdocs\laravel\package.json
214
+
215
+ npm ERR! code EJSONPARSE
216
+
217
+ npm ERR! JSON.parse Failed to parse json
218
+
219
+ npm ERR! JSON.parse Unexpected token / in JSON at position 767 while parsing near '...nfig.js"
220
+
213
- npm ERR! missing script: watch
221
+ npm ERR! JSON.parse },
222
+
223
+ npm ERR! JSON.parse /*"devDependencies":...'
224
+
225
+ npm ERR! JSON.parse Failed to parse package.json data.
226
+
227
+ npm ERR! JSON.parse package.json must be actual JSON, not just JavaScript.
214
228
 
215
229
 
216
230
 
217
231
  npm ERR! A complete log of this run can be found in:
218
232
 
219
- npm ERR! C:\Users\user\AppData\Roaming\npm-cache\_logs\2019-09-05T16_08_38_768Z-debug.log
220
-
221
-
222
-
223
- C:\MAMP\htdocs>npm run dev
224
-
225
- npm ERR! missing script: dev
226
-
227
-
228
-
229
- npm ERR! A complete log of this run can be found in:
230
-
231
- npm ERR! C:\Users\user\AppData\Roaming\npm-cache\_logs\2019-09-05T16_08_41_599Z-debug.log
233
+ npm ERR! C:\Users\user\AppData\Roaming\npm-cache\_logs\2019-09-11T16_24_45_632Z-debug.log
232
-
234
+
233
- ```
235
+ ```

1

具体的になにがだめか詳細に書きました。

2019/09/12 16:42

投稿

hiroki88
hiroki88

スコア66

test CHANGED
File without changes
test CHANGED
@@ -18,4 +18,216 @@
18
18
 
19
19
  もし解決方法がわかる方がいたらご教授して頂けると助かります。
20
20
 
21
- ![![イメージ説明](a4b83197dc24010c36ac68aeaf7f02a8.jpeg)](c1a269fe79a9269d419d543e26d68b0c.jpeg)
21
+ ![![イメージ説明](a4b83197dc24010c36ac68aeaf7f02a8.jpeg)]
22
+
23
+
24
+
25
+ 環境構築を行ったやり方
26
+
27
+ **1【Laravelのインストール】**
28
+
29
+ パソコン : Windows10を使用
30
+
31
+ ローカル環境 : MAMPを使用(MAMPに関してはwindows版を使用しています)
32
+
33
+ 構築後はhttp://localhost:8000/にアクセスしLaravelと書かれたデフォルトの
34
+
35
+ ページを表示できました。
36
+
37
+ 主に下記の3つのサイトを使用しLaravelの構築を行いました。
38
+
39
+
40
+
41
+ https://codeforfun.jp/how-to-install-composer-for-windows/
42
+
43
+ https://qiita.com/PKunito/items/6a3bb187ca3c67de4519
44
+
45
+ https://breezegroup.co.jp/201904/windows-laravel/
46
+
47
+
48
+
49
+ **2【Node.jsのインストール】**
50
+
51
+ バージョンはv10.16.3でした。
52
+
53
+ npmについてはバージョンが6.9.0でした。
54
+
55
+ 下記のサイトを参考にNode.jsをインストールしました。
56
+
57
+
58
+
59
+ https://qiita.com/taiponrock/items/9001ae194571feb63a5e
60
+
61
+
62
+
63
+ **3【package.jsonのインストール】**
64
+
65
+ インストール先は作成したLaravelフォルダ直下になります。
66
+
67
+ Laravel-app
68
+
69
+ ---------bootstrap
70
+
71
+ ---------config
72
+
73
+ ---------database
74
+
75
+ ---------public
76
+
77
+ ---------resources
78
+
79
+ ---------routes
80
+
81
+ ---------storage
82
+
83
+ ---------tests
84
+
85
+ ---------vender
86
+
87
+ ---------**package.json**
88
+
89
+
90
+
91
+ package.jsonの中身のソースコード↓
92
+
93
+ ```
94
+
95
+ {
96
+
97
+ "private": true,
98
+
99
+ "scripts": {
100
+
101
+ "dev": "npm run development",
102
+
103
+ "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
104
+
105
+ "watch": "npm run development -- --watch",
106
+
107
+ "watch-poll": "npm run watch -- --watch-poll",
108
+
109
+ "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
110
+
111
+ "prod": "npm run production",
112
+
113
+ "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
114
+
115
+ },
116
+
117
+
118
+
119
+ "devDependencies": {
120
+
121
+ "axios": "^0.18",
122
+
123
+ "browser-sync": "^2.26.3",
124
+
125
+ "browser-sync-webpack-plugin": "2.0.1",
126
+
127
+ "cross-env": "^5.1",
128
+
129
+ "laravel-mix": "^4.0.7",
130
+
131
+ "resolve-url-loader": "^2.3.1",
132
+
133
+ "sass": "^1.15.2",
134
+
135
+ "sass-loader": "^7.1.0",
136
+
137
+ "vue": "^2.5.17",
138
+
139
+ "resolve-url-loader":"^2.3.1",
140
+
141
+ "vue-template-compiler": "^2.5.21"
142
+
143
+ }
144
+
145
+
146
+
147
+ }
148
+
149
+
150
+
151
+ ```
152
+
153
+
154
+
155
+ **4【LaravelMixのインストール】**
156
+
157
+ インストール先は作成したLaravelフォルダ直下になります。
158
+
159
+ Laravel-app
160
+
161
+ ---------bootstrap
162
+
163
+ ---------config
164
+
165
+ ---------database
166
+
167
+ ---------public
168
+
169
+ ---------resources
170
+
171
+ ---------routes
172
+
173
+ ---------storage
174
+
175
+ ---------tests
176
+
177
+ ---------vender
178
+
179
+ ---------package.json
180
+
181
+ ---------**webpack.mix**
182
+
183
+
184
+
185
+ webpack.mixの中身のソースコード↓
186
+
187
+ ```
188
+
189
+ const mix = require('laravel-mix');
190
+
191
+
192
+
193
+ mix.browserSync('laravel.test')
194
+
195
+ .js('resources/js/app.js', 'public/js')
196
+
197
+ .sass('resources/sass/app.scss', 'public/css')
198
+
199
+ .version()
200
+
201
+ .browserSync('my-domain.dev')
202
+
203
+ ```
204
+
205
+
206
+
207
+ **またnpm run dev,npm run watchに関してもエラーがでており実行できていません。**
208
+
209
+ ```errorcode
210
+
211
+ C:\MAMP\htdocs>npm run watch
212
+
213
+ npm ERR! missing script: watch
214
+
215
+
216
+
217
+ npm ERR! A complete log of this run can be found in:
218
+
219
+ npm ERR! C:\Users\user\AppData\Roaming\npm-cache\_logs\2019-09-05T16_08_38_768Z-debug.log
220
+
221
+
222
+
223
+ C:\MAMP\htdocs>npm run dev
224
+
225
+ npm ERR! missing script: dev
226
+
227
+
228
+
229
+ npm ERR! A complete log of this run can be found in:
230
+
231
+ npm ERR! C:\Users\user\AppData\Roaming\npm-cache\_logs\2019-09-05T16_08_41_599Z-debug.log
232
+
233
+ ```