Soy novato en reaccionar y gatsby pero estoy trabajando en un pequeño proyecto como práctica y tengo un pequeño problema. Quiero agregar un archivo JS personalizado al proyecto (pequeñas funciones para una calculadora en el índice). Utilicé Helmet para importarlos y en el entorno de desarrollo funciona bien, pero una vez compilado, no funciona.
import Helmet from "react-helmet" import { withPrefix, Link } from "gatsby" export default function homePage() { return ( <main> <Helmet> <script src={withPrefix('/functions.js')} type="text/javascript" /> <script src={withPrefix('/escritura.js')} type="text/javascript" /> </Helmet> }No estoy seguro de lo que estoy haciendo mal. ¿Alguien puede ayudarme por favor? Puede ver la versión de prueba del proyecto en vivo aquí:
https://modest-hoover-aac2d1.netlify.app/
En la versión final, cada entrada debe completarse automáticamente, pero no sucede.
withPrefix es una función auxiliar que solo funciona en el modo de compilación porque en el modo de desarrollo las rutas no necesitan tener un prefijo:
Para los nombres de ruta que construyes manualmente, hay una función auxiliar,
withPrefix, que antepone el prefijo de tu ruta en producción (pero no durante el desarrollo, donde las rutas no necesitan tener un prefijo).
Entonces, si su código funciona bien en el modo de desarrollo, simplemente elimine withPrefix y deje su código como:
export default function homePage() { return ( <main> <Helmet> <script src={`/functions.js`} type="text/javascript" /> <script src={`/escritura.js`} type="text/javascript" /> </Helmet> }