Описание тега astrojs

4 ответа

Как получить параметры строки запроса с помощью Asto

Я использую совершенно новую технологию под названием Astro (https://astro.build/) для создания полностью статической страницы, отображаемой на стороне сервера, с нулевым JS. У меня есть страница с формой, которая представляет собой простой текстовы…
30 ноя '21 в 20:52
4 ответа

Как использовать элемент документа и окна в astro JS?

Я хочу использовать окно или документ для возврата пути к текущей странице по умолчанию. Astro.site.pathname работает неправильно или отсутствует соответствующая документация. Мой вопрос: как правильно использовать документ или окно в Astro JS? Зара…
16 мар '22 в 10:20
1 ответ

Есть ли способ показать холст p5 на астро-сайте?

Я пытаюсь заставить холст p5 работать на астро-сгенерированном сайте. И я пытаюсь сделать это, импортируя компонент реакции jsx. Вот моя астространичка import SketchWrapper from '../components/sketchWrapper.jsx'; import sketch from '../p5scripts/ske…
15 апр '22 в 03:56
0 ответов

Использование Vaadin с Astro

Я пытался использовать компонент vaadin в приложении Astro. К сожалению, я получаю эту ошибку; Named export 'dedupingMixin' not found. The requested module '@polymer/polymer/lib/utils/mixin.js' is a CommonJS module, which may not support all module.…
26 май '22 в 18:00
1 ответ

Astro Js @font-face import build неправильная замена

Я создаю проект Astro Js, я не хочу импортировать файл css (для значков) из зависимости, которая включает свои собственные файлы шрифтов: // @icons/dist/.../index.css @font-face { font-family: "font name"; src: url("./icons.ttf") format("truetype"),…
15 мар '22 в 15:20
2 ответа

Astro: запуск typescript/javascript в astro из формы React в onSubmit

Я экспериментирую с Astro и пытаюсь создать форму входа на моей странице Astro. Я хочу использовать компоненты MUI в React для своей формы. В то же время, когда форма отправлена, я хочу вызватьAstro.redirect('/some-page'). Я знаю из документов , что…
03 мар '23 в 09:00
1 ответ

Принять общие реквизиты элемента HTML в компоненте TypeScript Astro

Используя Astro с TypeScript, я создаю многократно используемый компонент пользовательского интерфейса. Компонент представляет собой просто оболочку для HTML-тега. Проблема в том, что мне нужно было бы определить интерфейсPropsсо всеми общими свойст…
07 фев '23 в 09:14
1 ответ

Как я могу получить доступ к значениям конфигурации Astro на странице?

У меня есть проект Astro сastro.config.mjsнастроен со значением. export default defineConfig({ site: 'https://example.com', // ...etc }) В моем макете у меня есть<meta>теги, в которых жестко закодирован один и тот же URL. <meta property="og…
11 ноя '22 в 04:26
1 ответ

Как использовать React и Solid-JS вместе?

Мы переносим наше веб-приложение сReactкSolidJS. Мы хотим вносить изменения постепенно, конвертируя страницы по одной. я использовалastroдля запуска обоих и . Проблема, с которой я столкнулся, заключалась в навигации междуreactстраницы иsolidjsстран…
09 ноя '22 в 12:17
2 ответа

Как я могу перенаправить страницы в Astro?

У меня есть презентация по редиректам Как мне сделать этот редирект в Astro? Я использую ssr на адаптере и узле Astro. Например, моя презентация выглядит следующим образом. [ { "id": 1, "source": "/blog/category/keyword/", "destination": "/article/c…
24 янв '23 в 15:11
0 ответов

Флаги png не отображаются на живом сайте - Astro. js-проект

флаги png не отображаются на живом веб-сайте, https://mytopcountries.web.app/blog/top-countries/ , но на локальном хосте они отображаются `--- title: "Мои лучшие страны" выдержка: "На данный момент я посетил 65 стран." Дата публикации: "2022-12-28T1…
04 фев '23 в 05:35
0 ответов

Всплывающее окно с согласием на использование файлов cookie не отображается в проекте Astro.js

Согласие на использование файлов cookie не отображается на моем веб-сайте: `document.addEventListener('DOMContentLoaded', function () {cookieconsent.run({"notice_banner_type":"простой","consent_type":"экспресс","палитра":"легкий","язык":"en"," page_…
04 фев '23 в 15:25
1 ответ

Гибкая колонка Tailwind работает как строка, а не как столбец

Я работаю над простой веб-страницей портфолио с Astro.js, Tailwind и Svelte, хотя проблема у меня только с css. Вот такой макет я хочу Я подумал, что это может быть один контейнер flex-row со вторым контейнером, представляющим собой flex-column с 3 …
05 ноя '22 в 10:17
1 ответ

Использование событий x-on Alpine.js в компоненте Astro.js

Я пытаюсь создать несколько простых вещей с помощью Astro.js для шаблонов HTML и Alpine.js для интерактивности, когда это необходимо. Я наткнулся на проблему с попыткой использовать события Alpine x-on на компоненте Astro. Вот пример использования к…
07 фев '23 в 14:31
1 ответ

AstroJS: запутался в том, как работает пакет скриптов

Я создал простой проект Astro, который теперь имеет две страницы: index.astro приборная панель.astro Если я помещу журнал консоли вdashboard.astroи загрузите индексную страницу, скрипт будет выполнен. Как именно это работает? Спасибо
05 ноя '22 в 23:55
1 ответ

Почему d3-selection не может найти документ? Это связано с Astro?

Я использую v7.6.1 D3.js. Я тоже пользуюсь Астро. Я написал этот код: var margin = {top: 20, right: 30, bottom: 40, left: 90}, width = 460 - margin.left - margin.right, height = 400 - margin.top - margin.bottom; d3.select("div") .append("svg") .attr…
20 июл '22 в 13:40
2 ответа

Импорт Bootstrap в Astro

В настоящее время я работаю над Astro (astro.build) и хотел бы использовать его с последней версией Bootstrap. Кто-нибудь знает об Astro и может объяснить мне, как правильно интегрировать Bootstrap? Ни в интернете, ни здесь на форуме ничего не нашел…
0 ответов

Как создать отдельную схему для «черновиков» и «опубликованных» сообщений и как заставить TypeScript легко различать их (коллекции контента Astro v2)

Я пытаюсь настроитьContent Collectionsдля моего блога в Astro . Почти сразу я столкнулся с проблемами с черновиками постов: в них отсутствовали некоторые поля схемы, и Зоду это не нравилось. Копаясь в документах Зода , я придумал , так что схема для…
09 фев '23 в 13:00
1 ответ

Как динамически отображать компоненты vuejs на астро-странице с использованием глобальной переменной?

Я разрабатываю форму в несколько шагов на Astro. Для этого я использую компоненты Vuejs (по одному на каждый шаг). Каждый шаг может быть подтвержден кнопкой, которая позволяет перейти к следующему. Я попытался создать глобальную переменную, которая …
10 янв '23 в 15:22
2 ответа

Динамически импортировать все изображения из папки в Astro

Я работаю с Астро. В проекте используется довольно много изображений, и я хочу упростить способ добавления новых изображений. Мои маршруты такие: example.com/pictures/[коллекция] ("[" и "]" обозначают динамический маршрут) Допустим, например: exampl…
15 янв '23 в 15:24