CakePHP3でRouter::extensions()が効かず、jsonファイルが出力できない

Question

project/issues/add.jsonでエラーメッセージが入ったjsonファイルをレスポンスとして返したい

フォーム投稿→発生したエラーメッセージ が入ったjsonファイルをレスポンスとして返す
という機能を実装する段階でつまづいています。

ファイル構成

以下のように、htmlおよびscriptの配下に一つファイルを挟んでいます。

html
  |__ project
       |__ ...各ファイル
       |__ ...
script
  |__ project
       |__ config
       |    |__ routes.php
       |    |__ ...
       |
       |__ src
       |    |__ controller
       |         |__ IssuesController.php
       |
       ...

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

プロジェクト名/issues/add.jsonでアクセスしたところ、

The action add.json is not defined in IssuesController

となり、ルーティングの設定が効いていないように思われます。
以下のドキュメントなりサイトなりを参考に作成しましたが上手くいきませんでした。
https://book.cakephp.org/3/ja/views/json-and-xml-views.html
https://www.sejuku.net/blog/31031

該当のソースコード

// routes.php

use Cake\Http\Middleware\CsrfProtectionMiddleware;
use Cake\Routing\RouteBuilder;
use Cake\Routing\Router;
use Cake\Routing\Route\DashedRoute;

Router::defaultRouteClass(DashedRoute::class);

Router::extensions(['json', 'xml']);

Router::scope('/', function (RouteBuilder $routes) {
    $routes->connect('/', ['controller' => 'Issues', 'action' => 'index']);

    $routes->fallbacks(DashedRoute::class);
});

// IssuesController.php
namespace App\Controller;

use App\Controller\AppController;
use Cake\Datasource\ConnectionManager;
use Cake\Http\Exception\InternalErrorException;

class IssuesController extends AppController
{
    public function initialize()
    {
        parent::initialize();

        $this->loadModel('Issues');
        $this->loadComponent('RequestHandler');
    } // end function initialize

    public function index() {
    }

    public function add() {
        $this->autoRender = false;
        $issue = $this->Issues->newEntity($this->request->data());

        if ($errors = $issue->errors()) {
            $error_messages['result'] = false;
            foreach ($errors as $key => $value) {
                $error_messages['errors'][$key] = array_shift($value);
            }
            $this->set(['errors' => $error_messages,
                        '_serialize' => ['errors']]);
            exit;
        }
}

問題だと思われる点

おそらくファイル構成をいじっているためにルーティングが効いていないのかと考えています。
しかし、その修正方法がわからない状況です...
参考になるドキュメント等なんでも構いませんのでメッセージいただけると大変助かります！

Answer 1

cookbook を見ると以下なので制御が誤ってるのでは？

Router::scope('/', function ($routes) {
    // 3.5.0 より前は `extensions()` を使用
    $routes->setExtensions(['json']);
    $routes->resources('Recipes');
});

Comments

[Riku_Sasaki]

回答ありがとうございます！！
おっしゃる通りで、そちらの表記に変更したところアクセスできました！！
しかし、ブラウザでjsonの出力は確認できず...
コントローラー側の書き方がよろしくないのでしょうか...?
お時間ありましたら引き続きお手伝いいただけると助かります！

Answer 2

こちら解決しました！

以下の記述でビューに出力形式をセットしなくてはいけなかったようです。

$this->viewBuilder()->setClassName('Json');

ご協力ありがとうございました！！