前提

wordpressをnext.jsでheaddレス化する練習をしようとしています
ローカル環境で作業がしたいためdockerでwordpressを構築しています

発生している問題・エラーメッセージ

wordpressのプラグインのGraphQLを使いたいのですが、GraphQL IDEがずっと読み込みになっており
全く使えません。直し方かこれなら代用できるなど参考になるページリンクなど教えていただきたいです

GraphiQL画面でのコンソールに書いてあったエラー文字

app.js?ver=ed1b92d35860129a50b81d00174fd747:38 Uncaught (in promise) GraphQLError: Names must only contain [_a-zA-Z0-9] but "Template_空白" does not.
at a (app.js?ver=ed1b92d35860129a50b81d00174fd747:38:491918)
at new U (app.js?ver=ed1b92d35860129a50b81d00174fd747:38:498283)
at app.js?ver=ed1b92d35860129a50b81d00174fd747:38:555696
at app.js?ver=ed1b92d35860129a50b81d00174fd747:38:557001
at t.keyValMap (app.js?ver=ed1b92d35860129a50b81d00174fd747:38:441875)
at t.buildClientSchema (app.js?ver=ed1b92d35860129a50b81d00174fd747:38:555440)
at app.js?ver=ed1b92d35860129a50b81d00174fd747:38:47

フロントの環境はnextで提供しているテンプレートの $ npx create-next-app --example cms-wordpress cms-wordpress-app で構築致しました

docker m1. 中身

version: '3.1'

services:

wordpress:
image: wordpress:5.9
restart: always
ports:
- 8080:80
environment:
WORDPRESS_DB_HOST: db
WORDPRESS_DB_USER: exampleuser
WORDPRESS_DB_PASSWORD: examplepass
WORDPRESS_DB_NAME: exampledb
volumes:
- ./backend:/var/www/html/

db:
platform: linux/x86_64
image: mysql:5.7
restart: always
environment:
MYSQL_DATABASE: exampledb
MYSQL_USER: exampleuser
MYSQL_PASSWORD: examplepass
MYSQL_RANDOM_ROOT_PASSWORD: '1'
volumes:
- db:/var/lib/mysql

volumes:
wordpress:
db:

CHERRY

2022/04/09 03:49 編集

どのような方法で環境を構築されたのでしょうか。具体的な手順を質問に追記していただけないでしょうか。また、クライアントはどこで動いていますか？

行動規範の内容に同意します

回答2件

同じエラーで苦戦をしました。私の解決方法も記述をしておきます。

pageテンプレートの名前設定に日本語が含まれいたために、このようなエラーになっております。
ですので日本語名を英語名に切り替えました。

具体的なソースを下記に示します。
page-tm.php

php
1
2<?php
3/**
4 * Template Name: テンプレート名
5 */
6 
7get_header(); ?>
8 
9<div id="primary" class="content-area">
10	<main id="main" class="site-main" role="main">
11 	//　省略　省略　省略
12	</main><!-- .site-main -->
13 
14 
15</div><!-- .content-area -->
16 
17<?php get_footer(); ?>