Angular 2 Ошибка QuickStart Live-server

Я новичок в angular, и я пытался узнать больше о angular2. Я выполнил руководство по началу работы, чтобы создать проект angular2 -quickstart. Однако, когда я запускаю команду npm start, браузер запускается, но все сбой происходит через 1 секунду. Ниже приведено содержимое файла журнала ошибок npm:

0 info it worked if it ends with ok
1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'run', 'lite' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prelite', 'lite', 'postlite' ]
5 info lifecycle [email protected]~prelite: [email protected]
6 silly lifecycle [email protected]~prelite: no script for prelite, continuing
7 info lifecycle [email protected]~lite: [email protected]
8 verbose lifecycle [email protected]~lite: unsafe-perm in lifecycle true
9 verbose lifecycle [email protected]~lite: PATH: /usr/local/lib/node_modules/npm/bin/node-gyp-bin:/home/bakary/angular2-quickstart/node_modules/.bin:/usr/local/lib/node_modules/npm/bin/node-gyp-bin:/home/bakary/angular2-quickstart/node_modules/.bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games
10 verbose lifecycle [email protected]~lite: CWD: /home/bakary/angular2-quickstart
11 silly lifecycle [email protected]~lite: Args: [ '-c', 'lite-server' ]
12 silly lifecycle [email protected]~lite: Returned: code: 1  signal: null
13 info lifecycle [email protected]~lite: Failed to exec lite script
14 verbose stack Error: [email protected] lite: `lite-server`
14 verbose stack Exit status 1
14 verbose stack     at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:232:16)
14 verbose stack     at emitTwo (events.js:88:13)
14 verbose stack     at EventEmitter.emit (events.js:173:7)
14 verbose stack     at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:24:14)
14 verbose stack     at emitTwo (events.js:88:13)
14 verbose stack     at ChildProcess.emit (events.js:173:7)
14 verbose stack     at maybeClose (internal/child_process.js:819:16)
14 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:212:5)
15 verbose pkgid [email protected]
16 verbose cwd /home/bakary/angular2-quickstart
17 error Linux 3.16.0-50-generic
18 error argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "lite"
19 error node v5.2.0
20 error npm  v3.3.12
21 error code ELIFECYCLE
22 error [email protected] lite: `lite-server`
22 error Exit status 1
23 error Failed at the [email protected] lite script 'lite-server'.
23 error Make sure you have the latest version of node.js and npm installed.
23 error If you do, this is most likely a problem with the angular2-quickstart package,
23 error not with npm itself.
23 error Tell the author that this fails on your system:
23 error     lite-server
23 error You can get their info via:
23 error     npm owner ls angular2-quickstart
23 error There is likely additional logging output above.
24 verbose exit [ 1, true ]

Можете ли вы помочь мне выяснить, что я делаю неправильно?

Привет

Ответ 1

Измените параметры сценария Package.json

"start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\",

к

"start": "concurrently \"npm run tsc:w\" \"npm run lite\" ",

angular 2 переместился из системы js в webpack, найдите пример приложения, где вы, ребята, можете начать работу с angular2 + webpack + Typescript https://github.com/IgnatiusAndrew/angular2-webpack-starter

Ответ 2

Решение состоит в том, чтобы добавить эту строку в /etc/sysctl.conf

fs.inotify.max_user_watches = 524288

и введите консоль sudo sysctl -p

Ответ 3

Многие говорили, что удаление tsc из package.json начало script помогло им. В этом случае проблема заключается в typescript обнаружении проблемы в вашем коде.

Попробуйте запустить tsc с терминала и посмотреть, что это такое, и исправить его. Если проблема была с tsc, то исправление этого должно удалить ошибку.

Ответ 4

У меня тоже есть эта проблема. Кажется, что это проблема с зависимостями lite-server.

Я изменил строку в packages.json:

"start": "concurrent \"npm run tsc:w\" \"node .\" "

Это решение помогает мне исследовать Angular2 дальше, но будет полезно решить проблему с lite-server позже.

Ответ 5

В моем случае я просто забыл запустить

npm install

Ответ 6

Я решил это, изменив:

"одновременно": "^ 3.0.0",

к

"одновременно": "^ 2.0.0",

в package.json

Ответ 7

В моем случае один из моих инструкций TypeScript import, где неверно.

Ответ 8

В Package.json script вместо удаления раздела tsc из start я определил его как ниже:

"tsc": "tsc",
"tsc:w": "tsc -w",

Итак, "scripts" теперь выглядит следующим образом:

"scripts": {
    ...
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\",
    ...
}

Ответ 9

Решено не запускать ошибку запуска npm:

    tsc && concurrently "tsc -w" "lite-server"

(после всех попыток выше) с: in package.json do: "tsc": "tsc", "tsc: w": "tsc -w", "start": "одновременно" tsc -w\ "\" lite-server\"",