He actualizado la versión de los paquetes angulares de 2.4.10 a 4.0.0 después de la actualización, recibo los siguientes errores mientras navego.
ERROR Error: Uncaught (in promise): Error: Found the synthetic property @transformPlaceholder. Please include either "BrowserAnimationsModule" or "NoopAnimationsModule" in your application. Error: Found the synthetic property @transformPlaceholder. Please include either "BrowserAnimationsModule" or "NoopAnimationsModule" in your applicationY cambié la configuración de webpack.common.js. ver el siguiente código
new webpack.ContextReplacementPlugin( // The (\\|\/) piece accounts for path separators in *nix and Windows /angular(\\|\/)core(\\|\/)@angular/, helpers.root('./src'), // location of your src {} // a map of your routes ),He solucionado el problema. Agregué un nuevo paquete: @angular/animations .
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';E importé el módulo:
@NgModule({ imports: [ BrowserAnimationsModule ] })Es un cambio de 4.0.0-rc.1 .
En sus palabras, "hemos incorporado animaciones en su propio paquete. Esto significa que si no usa animaciones, este código adicional no terminará en sus paquetes de producción. Esto también le permite encontrar más fácilmente la documentación y tomar mejores ventaja de la finalización automática. Si necesita animaciones, las bibliotecas como Material importarán automáticamente el módulo (una vez que lo instale a través de NPM), o puede agregarlo usted mismo a su NgModule principal ".
npm install @angular/animations --saveimport {BrowserAnimationsModule} from '@angular/platform-browser/animations'Agréguelo a las importaciones.
@NgModule({ imports: [ BrowserAnimationsModule ] })Eso depende de si quieres usar animaciones angulares o no.
En caso de que no quiera usarlo (es decir, reducirá el tamaño del paquete de producción), importe NoopAnimationsModule:
import { NoopAnimationsModule } from '@angular/platform-browser/animations'; imports: [ NoopAnimationsModule // ... ]