Следующий js пользовательский сервер вызывает статический пользовательский интерфейс - PullRequest
0 голосов
/ 02 февраля 2020

В настоящее время я разрабатываю NodeJS приложение с Koa, React, Material-UI и Next JS.

Я знаю, что есть примеры использования сервера фреймворк рендеринга с Material-UI. Однако в этих примерах предполагается, что вы используете сервер Next JS 'по умолчанию (next <whatever command>). В моем случае я выполняю пользовательский сервер Next JS.

В настоящее время я пытаюсь реализовать функциональность Tab и замечаю две проблемы:

1) Когда флаг разработки Next JS 'установлен в true, в браузере ничего не отображается. 2) Если я создаю рабочую версию, я могу создавать контент. Однако я не могу взаимодействовать с GUI.

При использовании сервера по умолчанию Next JS, пример кода Tab работает нормально.

У меня такое ощущение, что я что-то сделал неправильно с конфигурацией Next JS и Material-UI, но не могу точно определить, где я ошибся.

Здесь пример репозитория , который я создал, чтобы продемонстрировать эту проблему. Большая часть кода просто скопирована из репозитория JS Material-UI .

1 Ответ

0 голосов
/ 03 февраля 2020

вы используете маршрутизацию koa и next. js маршрутизация файловой системы в то же время в вашем приложении, было бы хорошо, если вы можете отключить один из них.

Чтобы отключить next. js маршрутизация файловой системы вставьте следующий код в файл next.config. js

useFileSystemPublicRoutes: false

Чтобы решить вашу проблему Material-UI stati c, перейдите на ваш сервер. js file и измените свой маршрут с

ожидание ctx.render ('about') для ожидания ctx.render ('/ about')

это решит вашу проблему

...