por En este artículo voy a compartir con vosotros un ejemplo de una web con el frontend y el backend claramente separados en dos proyectos distintos. El frontend está hecho con Angular 4 (web oficial), mientras que el backend está desarrollado con PHP, usando el framework Slim (web oficial), muy ligero y útil para hacer pequeñas APIs.
Este ejemplo lo he desarrollado durante el curso Curso de Angular 4 – Desde cero hasta profesional, y consiste en una web de productos, que se pueden añadir, eliminar y editar y a los que se les puede asignar un a foto.
El código lo tengo compartido en mi cuenta de GitHub:
Al probarlo (ng serve), sale el siguiente error en el frontend
Cannot read property ‘config’ of null
Un saludo!
El error esta que falta colocar el archivo .angular-cli.json
Tiene los siguiente:
{
«$schema»: «./node_modules/@angular/cli/lib/config/schema.json»,
«project»: {
«name»: «users-cli»
},
«apps»: [
{
«root»: «src»,
«outDir»: «dist»,
«assets»: [
«assets»,
«favicon.ico»
],
«index»: «index.html»,
«main»: «main.ts»,
«polyfills»: «polyfills.ts»,
«test»: «test.ts»,
«tsconfig»: «tsconfig.app.json»,
«testTsconfig»: «tsconfig.spec.json»,
«prefix»: «app»,
«styles»: [
«styles.css»
],
«scripts»: [],
«environmentSource»: «environments/environment.ts»,
«environments»: {
«dev»: «environments/environment.ts»,
«prod»: «environments/environment.prod.ts»
}
}
],
«e2e»: {
«protractor»: {
«config»: «./protractor.conf.js»
}
},
«lint»: [
{
«project»: «src/tsconfig.app.json»
},
{
«project»: «src/tsconfig.spec.json»
},
{
«project»: «e2e/tsconfig.e2e.json»
}
],
«test»: {
«karma»: {
«config»: «./karma.conf.js»
}
},
«defaults»: {
«styleExt»: «css»,
«component»: {}
}
}
Gracias Eduardo, ya he solucionado el bug. Espero que no os falle!
De paso, he aprovechado para unificar cliente y servidor en un mismo repositorio.
Que tal Diego. Estoy tratando de desplegar el proyecto, pero no tengo muy claro como hacerlo, podrías ayudarme? Un saludo!