I wish to reference the js data file in the framework I write like this import Configs from "../data/configs"; console.log(Configs); in chrome no output use export same not working const Configs = [ { "id": 0, "cover": "1.webp" } ]…
I've recently started my web dev journey, and decided to learn some JavaScript to mess with APIs in order to learn how to perform the fetch (for starters) from a public API. My first attempt at this is by trying…
I am doing a dynamic route with astro and react and when doing a fetch to obtain the array of objects it tells me that the Prduct.title property is never and I don't know why src/pages/category/[category].astro --- import type {…
I want to execute this script within the astro framework to adjust the placement of my footer at the end of the page if the page is shorter than the viewport (if there is a better way tell me, but…
When I provided the contents in different md files called post1 and post2, I would like to add each content to my components called Service. When I do it like I describe below, I am having an error on my…
I am using astro and created this Card component with PReact and Bootstrap Card.jsx import "bootstrap/dist/css/bootstrap.min.css"; export default function Card(props) { return ( <div class="card" style={{ marginBottom: '20px' }}> <div class="card-header" style={{ color: '#ACEB98' }}> {props.children[0]} <b>{props.cardTitle}</b> </div> <div class="card-body">…
I get the message Property 'map' does not exist on type 'string | string[]'.: const data = [ ['1', ['11']], ['2', ['21']], ['3', ['31']], ] data.map(topic => { topic[1].map(p => console.log(p)) }) What can I do to solve this (the…
I am trying to implement the new viewtransition, in my project in astro, the problem is I have found documentation on how to fix the dark mode issue when chaging routes, but I am using a little different code and…
Going to their Docs @ AstroDocs Astro.js Example import imgReference from './image.png'; // imgReference === '/src/image.png' import svgReference from './image.svg'; // svgReference === '/src/image.svg' import txtReference from './words.txt'; // txtReference === '/src/words.txt' // This example uses JSX, but you can…
I have been working on Astro JS with Tailwind CSS. When I tried to change the provide width and height there seems to be no change in the width and height. <div> <Navbar></Navbar> <img class="ml-auto w-108" src={bgimg} alt="Stop"> <div class="absolute…