Angular cli after update npm start give error

Question

I create application using angular cli and use backend proxy to handle backend and using polymer(vaadin) it work correctly until I update to angular cli 1.0.0-beta.22 it give Error

Tried to find bootstrap code, but could not. Specify either statically analyzable bootstrap code or pass in an entryModule to the plugins options.

proxy.conf.json

{
  "/api": {
    "target": "http://127.0.0.1:3000",
    "secure": false
  }
}

main-polymer.ts

document.addEventListener('WebComponentsReady', () => {
  require('./main.ts');
});

main.ts

import './polyfills.ts';

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { environment } from './environments/environment';
import { AppModule } from './app/';

if (environment.production) {
  enableProdMode();
}

// platformBrowserDynamic().bootstrapModule(AppModule);
platformBrowserDynamic().bootstrapModule(AppModule);

how can I correct this?.

Look similar to this issue: github.com/angular/angular-cli/issues/2887 Have you tried the solution provided with the eventListener? — LoïcR
– LoïcR, Commented Dec 6, 2016 at 10:33
I want to use addEventListener to map backend. how I'm gone use that solution ?. — Rumes Shyaman
– Rumes Shyaman, Commented Dec 6, 2016 at 10:36

Sudhanshu Mishra · Accepted Answer · 2016-12-12 23:45:56Z

9

This is caused by Angular CLI latest update. In the latest update, webpack searches for boostrap Module in main.ts top level. In main-polymer.ts, main.ts is wrapped by addEventListener so webpack can't find the bootstrap module that's why it reports an error.

Further reference github.com/angular/angular-cli/issues/2887

edited Dec 12, 2016 at 23:45

Sudhanshu Mishra

6,8032 gold badges64 silver badges77 bronze badges

answered Dec 6, 2016 at 19:25

sanjeewa gunarathna

1063 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rumes Shyaman · Accepted Answer · 2016-12-29 07:11:33Z

Using github I have found a workaround that is work for me I remove the main-polymer.ts file and edited the main ts file as below.

main.ts

import './polyfills.ts';

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { environment } from './environments/environment';
import { AppModule } from './app/';

if (environment.production) {
  enableProdMode();
}

var webComponentsFlag = false;
document.addEventListener('WebComponentsReady',() =>{
  if (!webComponentsFlag)
    platformBrowserDynamic().bootstrapModule(AppModule);
  webComponentsFlag = true;
});
if (webComponentsFlag)
 platformBrowserDynamic().bootstrapModule(AppModule);

and it worked for me. but can't build using ng build to overcome this problem refer the

github issue

Sergio · Accepted Answer · 2017-03-04 16:29:20Z

1

I have noticed that it sometimes happens when you have an invalid import statement! if for some reason you have deleted a component and you left the import there, then it will give you:

"Tried to find bootstrap code, but could not. Specify either statically analyzable bootstrap code or pass in an entryModule to the plugins options."

answered Mar 4, 2017 at 16:29

Sergio

111 bronze badge

Comments

Hebert Godoy · Accepted Answer · 2016-12-15 16:47:13Z

0

I had the same problem, what I did is go back to 1.0.0-beta.21 and it work again :)

answered Dec 15, 2016 at 16:47

Hebert Godoy

1061 silver badge1 bronze badge

Collectives™ on Stack Overflow

Angular cli after update npm start give error

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related