Задать вопрос
@yuradun

Почему в проекте Nuxt3 не работают layouts?

При инициализации проекта Nuxt3 (npx nuxi init nuxt3-test-prj) не работают layouts, рендерится пустая страница, в консоли браузера выдает ошибку:

layouts[props.name] is not a function

Покопавшись увидел, что при команде npx nuxi info выдает, что nuxt версия 2.15.8:

------------------------------
- Operating System: `Darwin`
- Node Version:     `v16.19.0`
- Nuxt Version:     `2.15.8`
- Nitro Version:    `0.5.4-27726613.640c2b7`
- Package Manager:  `npm@8.19.3`
- Builder:          `webpack`
- User Config:      `ssr`
- Runtime Modules:  `-`
- Build Modules:    `-`
------------------------------

Пытался сделать апрегрейд до старшей версии командой:

npx nuxi@latest cleanup && npx nuxi@latest upgrade --force

Ответ убил:

ℹ Package Manager: npm 8.19.3                                                                         19:55:27
ℹ Current nuxt version: 2.15.8                                                                        19:55:27
ℹ Removing lock-file and node_modules...                                                              19:55:27
ℹ Installing latest Nuxt 3 release...                                                                 19:55:28
npm WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm WARN deprecated rollup-plugin-terser@7.0.2: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser
npm WARN deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead

added 619 packages, and audited 620 packages in 31s

92 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
ℹ Cleaning up generated nuxt files and caches...                                                      19:55:59
ℹ Upgraded nuxt version: 2.15.8                                                                       19:55:59
✔ You're already using the latest version of nuxt.

Если действительно есть связь между не работающей правильно версии nuxt и сломанными layouts, то как это можно было бы пофиксить или дело в другом?

Странно, но если не использовать папку layouts и писать все в app + pages + components, то все работает и остальные возможности nuxt3 также работают.

node -v : v16.19.0
npm -v : 8.19.3
Глобально nuxt, vue не установлены
PC: macOS Monterey
Ссылка на git
  • Вопрос задан
  • 285 просмотров
Подписаться 1 Сложный Комментировать
Пригласить эксперта
Ответы на вопрос 1
@LJ322
Запустил, всё ок. Переключаются оба layout. В каком layout проблема?
Скрины
63c9976c67a5b229954706.png
63c998137b055438234598.png


P.S. Запускал на винде 10, но я сомневаюсь, что ось как-то может повлиять на это
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы