Despliegue usando Sapper Export

Santiago Bernal

teacher•

Si les arroja este error al hacer deploy en netlify:

Failed during stage 'building site': Deploy directory 'dist/' does not exist

se soluciona editando el archivo netlify.toml:

[build]
    command = &quot;npm run export&quot;
    publish = &quot;__sapper__/export&quot;

Wilson Fernando Antury Torres

student•

Gracias, tuve el mismo error. hay que editar el archivo en la raíz del proyecto.

Luis Alejandro Vera Hernandez

student•

Gracias

Wilson Fernando Antury Torres

student•

sapper export: crea un compilado con archivos estáticos que servirá netlify, ésto mejora el rendimiento la la aplicación.

Daniel Augusto Melgarejo Gómez

student•

como cambio mode a production. Me presenta el siguiente error en el deploy

WARNING in configuration 11:06:08 PM: The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment. 11:06:08 PM: You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/ 11:06:08 PM: > Finished in 6.7s. Type node sapper/build to run the app.

Kevin Candia

student•

https://instapetsgram.com/

Aquí está mi página

Karen Gómez

student•

Me sale este error. Ayuda!!!

$ npm run export
npm ERR! missing script: export

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Nerak\AppData\Roaming\npm-cache\_logs\2021-02-04T22_03_41_147Z-debug.log```

Héctor Eduardo López Carballo

student•

Hola!

Puedes compartir tu archivo de package.json para ver si hay algún problema en cómo está escrito?

Erick Vargas

student•

Lo único que se puede notar es que no haz declarado el script export en el package.json. Deberías tener algo así:

"scripts": {
    "export": "sapper export",
  },

Fabrizzio Chávez Tejada

student•

Uff, que fácil el server side rendering, en el caso de Angular debes configurar un server en express que en tiempo de ejecución convierta las consultas a páginas estáticas, en este caso entiendo que Sapper ya lo tiene generado y es posible publicar como una web estática sin depender de un server como express.

$ npm run export
npm ERR! missing script: export

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Nerak\AppData\Roaming\npm-cache\_logs\2021-02-04T22_03_41_147Z-debug.log```

Despliegue usando Sapper Export

Bienvenida

Por qué aprender Sapper y qué vas a aprender

¿Qué es Sapper?

Configuración para Sapper

Clonar proyecto Pugstagram

Instalación y configuración de Sapper

Crear Template html

Webpack

Rutas con Sapper

Layout

Profile

Header

Error 404

Optimización

Uso de prefetch y goto

Primer llamado con prefetch

Service Worker

Crear Service Worker

Configurar Service Worker

Despliegue

Despliegue usando Sapper Export

Despliegue en Heroku

Cierre

Continúa con el Curso Práctico de Svelte y Sapper