Я работаю над проектом, используя Next.js 15 с маршрутизатором приложения и динамическими маршрутами. Я столкнулся с проблемой, в которой JavaScript и CSS не разделяются на отдельные куски, как ожидалось при использовании модулей и компонентов SCSS. Однако при использовании динамической маршрутизации все объединяется в один большой кусок. В результате, если у меня есть много страниц с разными компонентами, все сценарии и стили для каждой страницы загружаются вместе, даже если посещается только одна страница.
Код: Выделить всё
app
[locale]
[[...slug]]
page.tsx
layout.tsx
enter code here
< /code>
Пробое динамическое импорт внутри переключателя маршрута: < /p>
const renderPage = async () => {
switch (slug) {
case 'news':
const Test = dynamic(() => import('@/components/Test'));
//or
const Test = await import('@/components/Test'));
return ;
default:
return 'Hello';
}
};
Является ли это известным ограничением или ошибкой в следующей динамической маршрутизации.>
Подробнее здесь:
https://stackoverflow.com/questions/795 ... in-next-js