Error : Tried to find bootstrap code, but Specify either statically analyzable bootstrap code or pass in an entryModule to the plugins options.
main.ts
getHttp().get('/assets/config.json').toPromise()
.then((res: Response) => {
let conf = res.json();
platformBrowserDynamic().bootstrapModule(createAppModule(conf));
})
I am using angular-cli. With angular v2.3.1 this code was working fine.
I want to fetch json and pass it to @Ngmodules providers
{ provide: Config, useValue: conf }
If the data you are fetching from config.json
are just about a configuration of an application module and you are trying to create a Config
service to store them, I think the best would be to assign it to the environment
and read it in your Config
service later. The environment
is available in main.ts
, so no hacking (createAppModule
) needed.
import { environment } from './environments/environment';
import { AppModule } from './app/';
getHttp().get('/assets/config.json').toPromise()
.then((res: Response) => {
let conf = res.json();
environment.settings = conf;
platformBrowserDynamic().bootstrapModule(AppModule);
});
You must also declare all new properties of environment
in your src/environments/environment.ts
file.
The cli is attempting to use ahead of time compilation. Because of this, it needs to be able to find your main NgModule
.
Usually the AOT compiler is able to do this statically just by looking for bootstrap calls. However you are not immediately bootstrapping, so the compiler needs you to explicitly tell it the name of your app module so it can compile it and all of it's components.
ng eject
and manually configure entryModule
The preferred solution is to tell the cli the name of your entryModule
. This will allow AOT to work and give you all of it's benefits. However the cli does not currently support this(But there is a PR for adding an option #4077).
The current workaround is to use ng eject --aot
to switch to a manual webpack based build. Then you can configure your entryModule
directly.
ng eject --aot
webpack.config.js
and search for new
AotPlugin
AppModule
nameentryModule: 'path/to/app.module#AppModule'
You can entirely skip this issue by using the --no-aot
flag if you just need to get a build working. This isn't recommended as your app will be much slower and larger than it normally would(it will have to compile components at runtime and you will have to ship the compilier which is large).
ng prod --no-aot
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With