No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Crear el script para enviar a producci贸n

15/16
Recursos

Aportes 80

Preguntas 30

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Hola Amigos,

Tuve un par de problemas, por si tienen alg煤n error y les pueda servir lo que aprend铆 en esta clase.

  1. No se olviden de subir el archivo .travis.yml a github, cuando lo haces con git add *, el archivo se ignora, as铆 que tienes que a帽adirlo manualmente escribiendo git add .travis.yml

  2. Revisen bien el c贸digo de .travis.yml, en el video anterior hubieron unos typos, les dejo el c贸digo que sub铆

language: node_js
cache:
  directories:
    - ~/.npm
node_js:
  - '12'
git:
  depth: 3
script:
  - yarn build
deploy: 
  provider: pages
  edge: true
  skip-cleanup: true
  keep-history: true
  github-token: $GITHUB_TOKEN
  local-dir: dist/
  target-branch: gh-pages
  commit_message: "Deploy Release"
  on:
    branch: master

Salu2,

Ac谩 el mio:
Rick and Morty

Travis en el 2021 Apesta.

馃憢Hola chicos, si ustedes tuvieron problemas con travis al igual que ami, esto les ayudara.
Eliminen la coma 鈥;鈥 de edge: true del archivo .travis.yml qued谩ndole el siguiente c贸digo ya que era un Typo.

edge: true

Guarden el archivo, hagan el commit y env铆en el push a GitHub.
Luego en la pagina de Travis opriman el botton que dice Restart Build y eso es todo amigos.

Si les ayudo dale un 鉂 aqu铆 abajo.

Para que en GitHub pages el vinculo de header los redireccion茅 correctamente
solo pongan la ultima ruta.
Ejemplo:
Ruta completa: https://giovannihm.github.io/Single-Page-Application-JS/
Ultima ruta: /Single-Page-Application-JS

 <a href="/Single-Page-Application-JS">100tifi.com</a>

un par consejos de unos problemas que tuve 馃槄:

  1. aseg煤rense de que el nombre de la variable de entorno sea la misma que colocan en la configuraci贸n de .travis.yml. Las may煤sculas y las min煤sculas importan.
  2. Cuando linkeen el archivo de css en el html, no lo linkeen con la ruta actual, sino como ser铆a cuando est茅 en deploy. Me explico: si se paran en la carpeta 鈥減ublic鈥 y lo linkean con esa referencia, la ruta ser铆a as铆: 鈥溾/src/styles/styles.css鈥 el problema es que puede que les funcione en su entorno local cuando corran npm start, pero en cuando hagan el Deploy no les va a leer el CSS, entonces lo linkean pensando en como ser谩 cuando est茅 en producci贸n y ser铆a: 鈥./styles.css鈥 y ya.

Espero les sirva a qui茅n batallo con el mismo errror 馃槄

cientifico = 100 -tifi - co
100tifi.co

jajajaj, recien al final del curso caigo en cuenta de eso

Les comparto el c贸digo de .travis.yml para que les genere tanto error como me los gener贸 a m铆 al realizar los pasos de este video.

language: node_js
cache:
  directories:
    - ~/.npm
node_js:
  - '12'
git:
  depth: 3
script:
  - yarn build
deploy:
  provider: pages
  edge: true,
  skip-cleanup: true
  keep-history: true
  github-token: $GITHUB_TOKEN
  local-dir: dist/
  target-brach: gh-pages
  commit_message: "Deploy Release"
  on:
    branch: master

CASI NO PUEDO SUBIR EL PROYECTO CARAMBA :V

Error Could not parse



Herramienta online para que verifiquen su archivo .travis.yml
https://yaml-online-parser.appspot.com/

En mi caso el archivo validado resulto:

language: node_js
cache:
  directories:
    ~/.npm
    node_js
    - "12"
  git:
    depth: 3
  script:
    - yarn build
  deploy:
    provider: pages
    edge: true
    skip-cleanup: true
    keep-history: true
    github-token: $GITHUB_TOKEN
    local-dir: dist/
    target-branch: gh-pages
    commit_message: "Deploy Release"
    on:
      branch: main

驴C贸mo se arregla el bot贸n para ir al home con 鈥/鈥? 馃

Esten atentos a los 鈥渢abs鈥 ya que node: tiene que estar 1 nivel mas bajo y luego les recomiendo usar 鈥渘ode鈥 en vez de 鈥溾12鈥欌 ya que 鈥渘ode鈥 te actualiza node a la ultima version y estable.
Luego la coma del primer true sobra.

language: node_js
cache:
  directories:
    - ~/.npm
node_js:
  - node
git:
  depth: 3
script:
  - yarn build
deploy:
  provider: pages
  edge: true
  skip-cleanup : true
  keep-history: true
  github-token: $GITHUB_TOKEN
  local-dir: dist/
  target-branch: gh-pages
  commit_message: "Deploy Release"
  on:
    branch: master

Hace unos d铆as github cambio la rama master a rama main
Esto debido a que hay una conotaci贸n racista en las palabras master y slave.
Puede que sea una peque帽a accion de parte de github pero es un paso m谩s cerca de eliminar el racismo de nuestro d铆a a d铆a

Siempre que en un curso de plazi hay que desplegar algo sale mal鈥 la 煤nica vez que no ha salido mal es hacerlo manualmente con githubpages o con el complemento de webpack鈥

We are unable to start your build at this time. You exceeded the number of users allowed for your plan. Please review your plan details and follow the steps to resolution.

Hola, aqu铆 les dejo mi proyecto.

Les comparto mi repositorio. En estas semanas voy a personalizar los estilos.

Les comparto como quedo mi proyecto, cambie el API que se usa en el curso en mi caso use el API de Marvel espero les guste y me encantaria tener su feedback.

Mi proyecto final

Ahora tengo el siguiente error en la consola de travis


Entrypoint main = main.js
[0] ./src/index.js + 7 modules 3 KiB {0} [built]
    | ./src/index.js 124 bytes [built]
    | ./src/routes/index.js 707 bytes [built]
    | ./src/pages/Home.js 493 bytes [built]
    | ./src/utils/getHash.js 202 bytes [built]
    | ./src/pages/Character.js 866 bytes [built]
    | ./src/pages/Error404.js 157 bytes [built]
    | ./src/utils/resolveRoutes.js 196 bytes [built]
    | ./src/utils/getData.js 330 bytes [built]
ERROR in ./src/routes/index.js
Module not found: Error: Can't resolve '../templates/Header' in '/home/travis/build/aplysoft/spa_js_vanilla/src/routes'
 @ ./src/routes/index.js 1:0-41 16:27-33
 @ ./src/index.js
Child HtmlWebpackCompiler:
     1 asset
    Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
    [0] ./node_modules/html-webpack-plugin/lib/loader.js!./public/index.html 746 bytes {0} [built]
error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
The command "yarn build" exited with 2.
cache.2
store build cache
Done. Your build exited with 1.

Hola! Env铆o mi link del proyecto. A煤n no lo personalizo ni cambio el CSS a estilos propios, pero lo har茅 m谩s adelante:
www.fertorresmx.dev

Cuando esta haciendo el script me sale el siguiente error en Travis:
no implicit conversion of nil into String (TypeError)
Esto sale donde esta creando las dependencias del deployment, saben a que puede deberse ese error??

Me carga un error 404 de github. => There isn鈥檛 a GitHub Pages site here.

ayuda no se por qu茅 me sale este error.

travis no me avis贸 que en el plan free me iba a cobrar y me hizo descuento en la tarjeta, por otro lado les comparto mi proyecto

https://juli6464.github.io/spa-js-ricknmorty/

Les comparto mi repositorio y el deploy 馃槑

Qu茅 fastidio Travis, sin tarjeta de cr茅dito no te deja usarla鈥

Actualizaci贸n 2022: Ahora las ramas principale en GitHub se llaman 鈥渕ain鈥 por lo tanto debemos aclarar (modificar) eso en nuestro .travis.yml:

en la 煤ltima l铆nea (21) reemplazamos

branch: master

por

branch: main

Comparto mi proyecto: https://javi-salas-dev.github.io/SPA-javascript/

Gran curso del profe Oscar. Nunca paren de aprender!!

Yo tuve muchos problemas con travis y al final no pude hacer el deploy, les recomiendo esta forma que a mi me funciono muy bien.
https://gist.github.com/cobyism/4730490

Listo. Tengo mi primera single page ampliaci贸n. Aqu铆

Me gusto mucho esta clase ya he escuchado de travis pero no lo hab铆a usado antes. Muy buena clase !!

Mi enlace (aunque con el dise帽o base)

100tifi.co

yo tambien tuve bastante incoveniente para subir.
mis recomiendaciones son:

  1. Desde el a帽o pasado en GitHub la rama principal se llama main, lo recomendable seria que ahi estaria los cambios o crear una rama master lo que seria como una mala practica, si deja todo en main deberia cambiar en el archivo .travis (branch: main)
  2. antes de hacer el ultimo commit correr el comado npm run build para que se guarde todos los cambios realizado y luego si hacer el git push origin master:main

Hola amigos queria comentarles que a mi me aparecia el siguiente error en travis

Dpl does not have permission to access github.com/JulianPerez0230/RickyMorty-SPA.git using the provided GitHub token. Please make sure the token have the repo or public_repo scope.

Al hacer alrededor de otras tres llaves me di cuenta que en al seleccionar los scopes existe ahora uno mas que de los que le aparecia al profesor., por lo que decidi no seleccionarlo y me funciono a la perfecci贸n. Espero que a alguien mas le sea de ayuda.

travis realmente es una herramienta muy poderosa tuve problemas para conectar con mi repositorio pero con la ayuda de esta pagina puede resolver :

https://yaml-online-parser.appspot.com

el codigo cambio mucho mas que todo se elimina las lineas

y termina de esta manera:

language: node_js
cache:
directories:

  • ~/.npm
    node_js:
    • 12
      git:
      depth:3
      script:
      -yarn build
      deploy:
      provider: pages
      edge: true
      keep-history: true
      github-token: $GITHUB_TOKEN
      local-dir: dist/
      target-branch: gh-pages

f

LOS ESTILOS EST脕N ROTOS

Si quieres pasar de esto:

A esto:

Debes cambiar

                <article class="Character-item">

por

                <article class="Characters-item">

dentro de /pages/Home.js

驴A alguien m谩s le sali贸 este error?

The provided GitHub token is invalid (error: GET https://api.github.com/user: 401 - Bad credentials // See: https://developer.github.com/v3)```

Vaya casi no lo logro pero con ayuda de los comentarios de los compa帽eros fue posible, aqui mi repo https://christiandevel.github.io/SingleApplication-Page-SPA-Rick-Andd-Morty/

No me esta generando el branch: gh-pages

![](
No entiendo este error

Para que GitHub Pages direccione correctamente las rutas recuerden poner al inicio de cada una un ./. Ejemplo:

./#/${character.id}/

aqui esta el mio

Que genial 茅sto! Me encantan las cosas extra que uno aprende en cada curso y que ayudan a ser un mejor desarrollador鈥 Justo me encuentro 茅sta belleza: https://platzi.com/clases/travis/ 馃挀

Fantastico curso. 馃槃

Wauu esto de travis es genial. Solo te encargas de realizar el push a la rama y el autom谩tiicamente actualiza el gh-pages.

comparto mi repositorio con el trabajo finalizado:
https://jcolorado19.github.io/curso-spa/

Le hice muy peqe帽os ajustes al css pero despu茅s lo mejorar茅 100%.

Gran curso! Ahora a seguir profundizando en m谩s temas! 馃槃

Alguien sabe porque la ruta sale as铆 https://mauroquinteros.github.io/spa-vanillajs/#/2/
a m铆 me gustar铆a configurar la ruta para que salga de este manera https://mauroquinteros.github.io/spa-vanillajs/2 que se me hace m谩s sencillo para el usuario.
Espero que alguien me ayude soy nuevo en esto

Genial esto. No veo la hora de ponerme a hacer m谩s SPA para practicar m谩s 馃槷

ERROR in ./src/index.js
Module not found: Error: Can鈥檛 resolve 鈥./routes鈥 in 鈥/home/travis/build/AbejaCruz/SPA-Vanilla/src鈥
@ ./src/index.js 1:0-30 3:31-37 4:38-44
Child HtmlWebpackCompiler:

ERROR in Entry module not found: Error: Can't resolve '/home/travis/build/AbejaCruz/SPA-Vanilla/public/index.html' in '/home/travis/build/AbejaCruz/SPA-Vanilla'

error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
The command 鈥測arn build鈥 exited with 2.
cache.2
store build cache
Done. Your build exited with 1.

Increible, super bien explicado por Oscar

Me arroja el siguiente error en travis cuando ejecuto el trigger custom build

Alguien sabe que puede estar pasando?

Oh no! You tried to trigger a build for aplysoft/spa_js_vanilla but the request was rejected.

https://github.com/aplysoft/spa_js_vanilla

Para configurar un dominio con GitHub debo pagar 驴verdad?

A MI SALIO EL SIGUIENTE ERROR 馃槶

Worker information
There was an error in the .travis.yml file from which we could not recover.
Unfortunately, we do not know much about this error.
Please review https://docs.travis-ci.com, or contact us at [email protected] with the error ID: 3def003e8000481686b4401d2b956ddc

REPO

https://github.com/jhondil/proyecto_spa

Hola, les comparto el resultado SPA utilizando Web Components.

que genial es travis ci

A mi me dio un error 馃槮
Mi .travis.yml:

language: node_js
cache:
  directories:
    - ~/.npm
node_js:
  - "12"
git:
  depth: 7
script:
  - yarn build
deploy:
  provider: pages
  edge: true
  skip-cleanup: true
  keep-history: true
  github-token: \$GITHUB_TOKEN
  local-dir: dist/
  target-branch: gh-pages
  commit_message: "Deploy Release"
  on:
    branch: master

El error que me sale al momento de hacer deploy:

$ git clone --depth=3 --branch=master https://github.com/JZafrag/platzi-spa.git JZafrag/platzi-spa
Cloning into 'JZafrag/platzi-spa'...
$ cd JZafrag/platzi-spa
$ git checkout -qf 7e1dc1a4451d1a75bbe213ec84d9a3efd0dc694e
fatal: reference is not a tree: 7e1dc1a4451d1a75bbe213ec84d9a3efd0dc694e
The command "git checkout -qf 7e1dc1a4451d1a75bbe213ec84d9a3efd0dc694e" failed and exited with 128 during .
Your build has been stopped.

Genial !!!

Hola, quer铆a compartirles un typo del profe en el archivo styles.css, revisen las clases del Home.js ya que algunas son 鈥淐haracter鈥 y en styles.css est谩n escritas 鈥淐haracters鈥 con la 鈥渟鈥 al final y esto afecta a los estilos y al responsive.

Para arreglar el tema del regreso al Home, en el archivo Header.js pueden colocar en el ancla lo siguiente:

<a href="/#">
          100tifi.co
        </a>

Si tienen el mismo error de Typo en el build de travis, asegurar que el nombre del archivo yml de travis sea el mismo que configuramos en settings.

Excelente curso!!!

Excelente!!!

Aqu铆 el m铆o: Rick and Morty

Pronto le dedicar茅 m谩s tiempo y lo pulir茅 馃槂

Chicos si alguno tiene problemas con el parse de yarn aca les dejo una web donde te indica donde esta el error

Espero que les sirva !

Listo ya me quedo el script de deployer enlazado a github Pages:
![](

Subi una version como la del profe, ahora voy a agregarle mis propios estilos.

no me sale la opcion de hablitar a un lado del boton de settings alguien sabra que pasa ?

recuerden que tienen que confirmar su email para tener activada la opci贸n de 鈥淭rigger Build鈥.

Lo hice, lo hice, , mis problemas fueron el token con travis pues el nombre tiene que estar igual. importante y no me cargaron los css pero le cambie el link en public a "./styles.css 馃槃[(https://suracedeno.github.io/CursoSPAplatzi/)

Por fin, jajajajaja tuve que mirar mucho por que tenia muchos errores de typo.

Me apareci贸 un error al hacer build en travis, 鈥淣o Gemfile found skipping bundle install鈥, despues de investigar, travis por fin me dejo construir, se soluciona cambiando language: generic en el archivo .travis.yml

yo como no la pude subir a github pages lo subi en otro lado
miren

Alguien sabe porque no avanza?

PARA COMPILAR CON TRAVIS LE QUITE EL SKIP_CLEANUP

Parece que la ultima version de travis no necesita el comando skip_cleanup

Asi quedo mi codigo del yml

language: node_js
cache:  
  directories:
    - ~/.npm
node_js:
  - '12'
git:
  depth: 3
script:
  - yarn build
deploy:
  provider: pages
  edge: true
  keep-history: true
  github-token: $GITHUB_TOKEN
  local-dir: dist/
  target-branch: gh-pages
  commit_message: "Deploy Release"
  on:
    branch: master

Y esta es la pagina de mi proyecto

https://codingjairomerea.github.io/practiceSPA/#/1/

Hola tengo una pregunta un poco 鈥渢onta鈥 pero subi mi proyecto pero no veo la carpeta dist 驴porque?

Hola compa帽eros, hace poco GitHub ya no hace la rama por default con el nombre master, ahora lo hace con el nombre main, Travis ya tambi茅n te da la opci贸n por default de utilizar la rama main. Pero como este curso es de antes de eso y, si est谩n siguiendo los pasos tal cual, tal vez se encuentren con el problema de que algo sale mal cuando hacen el trigger y puede ser por la rama que est谩n ocupando. Solo aseg煤rense se que est谩n llamando la misma rama en Travis que la que tienen en GitHub con su proyecto. Para crear una rama nueva con el nombre de master solo tienen que ir a la l铆nea de comandos y escribir:

git branch nombrenuevo

por ejemplo: git branch master

y para cambiarse a esa rama:

git checkout master

Desde ah铆 hagan su git push.

O simplemente h谩ganlo todo desde un principio con la rama main.

Hola鈥 a alguien mas no le cargan los estilos?