質問編集履歴

1

エラーの解決が少し進んだのでエラー内容やタイトルを修正

2021/02/08 00:55

投稿

koyo
koyo

スコア8

test CHANGED
@@ -1 +1 @@
1
- nuxt.js × graphQLでの詳細ページの取得がうまく行かない(エラー:Module not found: Error: Can't resolve ... /pages/tasks
1
+ nuxt.js × graphQLでの詳細ページエラー(GraphQL error: Variable $id of type ID! was provided invalid value)
test CHANGED
@@ -164,7 +164,7 @@
164
164
 
165
165
  <script>
166
166
 
167
- import task from '~/apollo/querys/getTask.gql'
167
+ import task from '~/apollo/queries/getTask.gql'
168
168
 
169
169
 
170
170
 
@@ -242,34 +242,16 @@
242
242
 
243
243
  ### 発生している問題・エラーメッセージ
244
244
 
245
- localhost:8080 に接続すると
245
+ 実際にtaskのデータが存在するhttp://localhost:8080/tasks/5に接続すると下記エラーが出ます。
246
-
246
+
247
- ```
247
+ ```
248
-
249
- 画面上部に下記内容が出ます
248
+
250
-
251
- Module not found: Error: Can't resolve '~/apollo/querys/getTask.gql' in '/Users/koyofujise/projects/rails_nuxt_graphql_todoapps/rails_nuxt_graphql_todoapp_front/pages/tasks'
249
+ GraphQL error: Variable $id of type ID! was provided invalid value
252
-
250
+
253
- ```
251
+ ```
254
-
255
- ![イメージ説明](3cc78dccc4ddc49d30837e18b70b2d34.png)
252
+
256
-
257
-
258
-
259
- 実際にデータが存在するhttp://localhost:8080/tasks/5に接続すると下記エラーが出ます。
253
+
260
-
261
- ```
254
+
262
-
263
- GraphQL error: Field 'task' doesn't exist on type 'Query' GraphQL error: Variable $id is declared by getTask but not used
264
-
265
- ```
266
-
267
-
268
-
269
- 上記エラーが出る前はlocalhost:8080に接続すると下記画面が出ていました
255
+ 8080/のタスク一覧ページは問題なく表示されていま
270
256
 
271
257
  ![イメージ説明](57f92fb698ccae12f099d7f383611a28.png)
272
-
273
-
274
-
275
- -_id.vueというファイル名がおかしいのかと疑ったのですが、nuxt.jsで他のアプリを作ったときは問題なかったのですが。