Búsqueda de sitios web

reactjs - Archivo JSON de manifiesto devuelve error 404 no encontrado junto con un error de sintaxis

He leído las otras publicaciones sobre este asunto y he intentado usar las respuestas proporcionadas y ninguna funcionó. Espero que alguien pueda ayudarme con este problema. Estoy construyendo una aplicación usando React y AWS Lambdas. No tengo una carpeta pública donde colocar el archivo manifest. He colocado el archivo en la carpeta de plantillas que almacena mis archivos HTML, así como en la raíz del proyecto, y todavía recibo el error de que no se puede encontrar. Tampoco estoy seguro de por qué se queja de mi sintaxis. Lo pasé por JSONLint solo para asegurarme de que fuera válido y no se devolvieron errores. A continuación se muestra mi archivo manifest.json:

    {
    "short_name": "bat",
    "name": "bat",
    "description": "bat",
    "icons": [{
            "src": "/images/image.png",
            "type": "image/png",
            "sizes": "192x192"
        },
        {
            "src": "/images/image.png",
            "type": "image/png",
            "sizes": "512x512"
        }
    ],
    "start_url": "/?source=pwa",
    "background_color": "#3367D6",
    "display": "standalone",
    "scope": "/",
    "theme_color": "#3367D6",
    "shortcuts": [{
            "name": "bat",
            "short_name": "bat",
            "description": "bat",
            "url": "./?source=pwa",
            "icons": [{
                "src": "/images/image.png",
                "sizes": "192x192"
            }]
        },
        {
            "name": "bat",
            "short_name": "bat",
            "description": "bat espanol",
            "url": "./es?source=pwa",
            "icons": [{
                "src": "/images/image.png",
                "sizes": "192x192"
            }]
        }
    ]
}

Si hay algo más que pueda necesitar, por favor avíseme.

Actualización Todavía estoy teniendo problemas con mi proyecto al ver que hay un archivo manifest.json. La aplicación de React no fue construida usando create-react-app. Fue construida desde cero. Me han traído para ayudar a mantenerla y agregar nuevas funciones. Una de estas nuevas funciones es el archivo manifest.json para convertir el sitio web en una PWA. Por lo tanto, he agregado el <link rel="manifest" href="/manifest.json" /> a ambos archivos html, ya que solo hay dos archivos html en todo el proyecto. También he creado el archivo manifest.json en el directorio raíz según este artículo y aún no he tenido suerte con que el archivo manifest.json se lea correctamente, ya que todavía recibo el error 404 (no encontrado), así como el Error de Sintaxis en la Línea 1, columna 1.

Respuesta #1

Simplemente agregar el archivo manifest en /public no es suficiente.

También tendrás que añadir el manifiesto en la etiqueta head de index.html.

<link rel="manifest" href="public/manifest.json" />

Prueba esto.

Respuesta #2

Agrega la ruta completa en el href del manifiesto :

<link rel="manifest" href="your_template_folder/manifest.json" />

Además, no tenía una carpeta pública, pero uso manifest.json en otra carpeta para las cosas de PWA y usarlo de esta manera funciona.

Artículos relacionados