Как запретить sveltekit рассматривать мои компоненты как маршрут?

Насколько я понимаю, для создания маршрута в sveltekit нужно следовать таким правилам:

  • Создавайте файлы в папке src/routes
  • Назовите их в соответствии с желаемым путем

Если мне нужен такой маршрут, как https://example.com/users/:userId, мне нужно создать файл [user-id].svelte внутри каталога src/routes/users/. Ясно.

Но.

Что, если я хочу, чтобы все компоненты, связанные со страницей, располагались рядом со страницей?

я бы сделал что-то вроде этого

- src/
  - routes/
    - users/
      - components/
        - avatar.svelte
      [user-id].svelte

Теперь я могу использовать этот компонент в качестве маршрута (например, https://example.com/users/components/avatar).

Как предотвратить это? Я не хочу, чтобы мои компоненты рассматривались как маршрут

Принятый ответ - прекрасное решение, другой вариант - иметь папку компонентов в каталоге lib. Когда вы импортируете на страницу, вам нужно только: «импортировать Comp из '$lib/components... и т. д.».

Andrew1325 17.05.2022 04:21
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
Четыре эффективных способа центрирования блочных элементов в CSS
Четыре эффективных способа центрирования блочных элементов в CSS
У каждого из нас бывали случаи, когда нам нужно отцентрировать блочный элемент, но мы не знаем, как это сделать. Даже если мы реализуем какой-то...
0
1
11
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Файлы и каталоги с префиксом _ игнорируются SvelteKit, поэтому вы можете иметь свой компонент в src/routes/users/_components/avatar.svelte.

Я только что обнаружил, что sveltekit называет это частными модулями. См. kit.svelte.dev/docs/routing#private-modules

Roman Mahotskyi 16.05.2022 21:23

Другие вопросы по теме