npm ERR! Failed at the [email protected] start script 'tsc && concurrently "tsc -w" "lite-server"

Question

I modified the app/main.ts according to this tutorial and when I "npm start" I get the following errors:

Here's the project file with commit message error: https://github.com/monajalal/angular2_projects

import {bootstrap}    from '@angular/platform-browser-dynamic';
import {AppComponent} from '@angular/core'

@Component({
    selector: 'my-app',
    template: '<h1>Ultra Racing</h1>'

})
class AppComponent{}
bootstrap(AppComponent);

errors:

Monas-MacBook-Pro:my-proj mona$ npm start

> [email protected] start /Users/mona/angular/my-proj
> tsc && concurrently "tsc -w" "lite-server" 

app/app.component.ts(5,25): error TS1005: ',' expected.
app/app.component.ts(5,27): error TS1005: ':' expected.
app/app.component.ts(5,33): error TS1005: ',' expected.
app/app.component.ts(5,41): error TS1005: ':' expected.
app/app.component.ts(5,43): error TS1005: ',' expected.
app/app.component.ts(5,47): error TS1139: Type parameter declaration expected.
app/app.component.ts(5,52): error TS1002: Unterminated string literal.
app/app.component.ts(6,1): error TS1005: ',' expected.

npm ERR! Darwin 14.5.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start"
npm ERR! node v5.8.0
npm ERR! npm  v3.8.2
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: `tsc && concurrently "tsc -w" "lite-server" `
npm ERR! Exit status 2
npm ERR! 
npm ERR! Failed at the [email protected] start script 'tsc && concurrently "tsc -w" "lite-server" '.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the angular2-quickstart package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     tsc && concurrently "tsc -w" "lite-server" 
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs angular2-quickstart
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls angular2-quickstart
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /Users/mona/angular/my-proj/npm-debug.log

Evan Wieland · Accepted Answer · 2017-09-18 13:46:16Z

1

In your main.ts you should have:

import { bootstrap }    from '@angular/platform-browser-dynamic';
import { AppComponent } from './app.component';

bootstrap(AppComponent);

Reference: https://angular.io/guide/quickstart

edited Sep 18, 2017 at 13:46

Evan Wieland

1,5281 gold badge22 silver badges36 bronze badges

answered Jun 29, 2016 at 23:55

Kayo Lima

7407 silver badges16 bronze badges

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

Comments

Mona Jalal · Accepted Answer · 2016-06-30 00:55:30Z

0

I modified app/app.component.ts: import {Component} from '@angular/core';

@Component({
    selector: 'my-app',
    template: "<h1>Mona's first Angular 2 App</h1>"
})
export class AppComponent { }

It was due to ' after Mona and I had to use " to fix it. It was told to me by "Rob Wormald" of Google at Angular Gitter Channel.

edited Jun 30, 2016 at 0:55

answered Jun 30, 2016 at 0:49

Mona Jalal

38.9k75 gold badges264 silver badges434 bronze badges

1 Comment

Sanket Over a year ago

Just a suggestion: instead of using " use back ticks `

Collectives™ on Stack Overflow

npm ERR! Failed at the [email protected] start script 'tsc && concurrently "tsc -w" "lite-server"

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related