Angular2 QuickStart npm start работает некорректно

105

Я знаю, что только что выпущена бета-версия Angular2, но я не могу воспроизвести шаги из их официального руководства на сайте ( https://angular.io/guide/quickstart ). Может быть, у кого-то были подобные проблемы и он знает, что делать, чтобы исправить это? Когда я пытаюсь запустить приложение с помощью npm startкоманды, я получаю такой вывод:

0 info it worked if it ends with ok
1 verbose cli [ 'node', '/usr/local/bin/npm', 'start' ]
2 info using npm@2.7.4
3 info using node@v0.12.2
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info prestart angular2-quickstart@1.0.0
6 info start angular2-quickstart@1.0.0
7 verbose unsafe-perm in lifecycle true
8 info angular2-quickstart@1.0.0 Failed to exec start script
9 verbose stack Error: angular2-quickstart@1.0.0 start: `concurrent "npm run tsc:w" "npm run lite" `
9 verbose stack Exit status 127
9 verbose stack     at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:213:16)
9 verbose stack     at EventEmitter.emit (events.js:110:17)
9 verbose stack     at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:14:12)
9 verbose stack     at ChildProcess.emit (events.js:110:17)
9 verbose stack     at maybeClose (child_process.js:1015:16)
9 verbose stack     at Process.ChildProcess._handle.onexit (child_process.js:1087:5)
10 verbose pkgid angular2-quickstart@1.0.0
11 verbose cwd /Users/tmrovsky/Documents/angular2/angular2-quickstart
12 error Darwin 13.4.0
13 error argv "node" "/usr/local/bin/npm" "start"
14 error node v0.12.2
15 error npm  v2.7.4
16 error code ELIFECYCLE
17 error angular2-quickstart@1.0.0 start: `concurrent "npm run tsc:w" "npm run lite" `
17 error Exit status 127
18 error Failed at the angular2-quickstart@1.0.0 start script 'concurrent "npm run tsc:w" "npm run lite" '.
18 error This is most likely a problem with the angular2-quickstart package,
18 error not with npm itself.
18 error Tell the author that this fails on your system:
18 error     concurrent "npm run tsc:w" "npm run lite"
18 error You can get their info via:
18 error     npm owner ls angular2-quickstart
18 error There is likely additional logging output above.
19 verbose exit [ 1, true ]

У меня было: машинопись версии 1.7.5, узел версии 0.12.2

Может кто поможет решить проблему :)?

package.json:

{
  "name": "angular2-quickstart",
  "version": "1.0.0",
  "scripts": {
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lite": "lite-server",
    "start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
  },
  "license": "ISC",
  "dependencies": {
    "angular2": "2.0.0-beta.0",
    "systemjs": "0.19.6",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "zone.js": "0.5.10"
  },
  "devDependencies": {
    "concurrently": "^1.0.0",
    "lite-server": "^1.3.1",
    "typescript": "^1.7.3"
  }
}

index.html:

<html>

<head>
    <title>Angular 2 QuickStart</title>

    <!-- 1. Load libraries -->
    <script src="node_modules/es6-shim/es6-shim.js"></script>
    <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>
    <script src="node_modules/rxjs/bundles/Rx.js"></script>
    <script src="node_modules/angular2/bundles/angular2.dev.js"></script>

    <!-- 2. Configure SystemJS -->
    <script>
        System.config({
            packages: {
                app: {
                    format: 'register',
                    defaultExtension: 'js'
                }
            }
        });
        System.import('app/boot')
                .then(null, console.error.bind(console));
    </script>

</head>

<!-- 3. Display the application -->
<body>
<my-app>Loading...</my-app>
</body>

</html>

app.components.ts:

import {Component} from 'angular2/core';

@Component({
    selector: 'my-app',
    template: '<h1>My First Angular 2 App</h1>',
})

export class AppComponent {}

boot.js:

import {bootstrap} from 'angular2/platform/browser'
import  {AppComponent} from './app.component'

bootstrap(AppComponent);

node.js angular npm Томаш Чюнель
источник

Не могли бы вы отредактировать сообщение с вашими файлами?

Romain

Какая у вас структура папок? находится index.html внутри app/или вне его?

the_critic

Во- первых, ваш файл boot.js должен быть файл машинопись переименовать его в boot.ts . Я не вижу ничего другого, что кажется неправильным ... Как сказал the_critic, не могли бы вы дать нам структуру вашего проекта.

Romain

Это boot.ts. Я по ошибке набрал js здесь, в stackoverflow - извините. Индекс html находится в корне, например package.json. Его нет в каталоге app /.

Tomasz Ciunel

2

Убедитесь, что ваша версия узла >=4.2.1 <5и ваша версия npm >=2.14.7 <3.0соответствует указанной в руководстве РАЗРАБОТЧИКА . Я думаю, вы можете заставить его работать с узлом 5, но я не знаю, как это сделать.

Эрик Мартинес

224

Измените startполе в package.json с

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

к

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

user60108
источник

2

Почему он дважды запускал tsc ( tscи tsc -w)?

smartmouse

9

Это сработало! Но почему? Начал унывать в ng2.

Максим

9

Это объясняется в курсе «play by play angular 2: быстрый старт» на Pluralsight Ward Bell. "tsc" сначала компилирует код, потому что без этого в большом проекте сервер может запуститься до завершения компиляции. В этом случае сервер выдаст ошибку, указывающую, что он не знает, что делать.

Starceaker

1

В 2017 году ваш обходной путь в вашем ответе выявил настоящую проблему, которая заключалась в том, что в машинописном тексте в коде приложения были ошибки компиляции. Когда я исправил ошибки компиляции, исходная версия больше не работала без вашего обходного пути.

CodeMed

1

Отлично ... "start": "одновременно \" npm run tsc: w \ "\" npm run lite \ "" у меня сработало ...

ДИЛИП КОСУРИ

86

Чтобы начать npm startработать за меня, я должен был убедиться, что я глобально установил некоторые из devDependencies. Ты пробовала:

npm install -g concurrently
npm install -g lite-server
npm install -g typescript

Дерек Лоулесс
источник

но я думаю, что lite-serverэто необязательно, вы можете использовать и другие сервисы

Пардип Джайн

11

Работал у меня. sudo npm update -g && sudo npm install -g concurrently lite-server typescript.

Сэм Финниган

6

не забудьте удалить локальную версию:npm uninstall lite-server

Aurelien

1

У меня была такая же проблема с запуском веб-сервера с использованием angular2-seed из курса Udemy. Это устранило мою проблему.

dance2die

Да! установка Lite-сервера глобально и удаление локального пакета наконец-то сработали для меня на Vagrant! Спасибо!

Yahya Uddin

48

Для начала вам нужно обновить npm, lite-server и typescript:

sudo npm update -g && sudo npm install -g concurrently lite-server typescript

Удалите папку node_modules из каталога вашего проекта Angular (если существует). Следующий запуск:

npm install

После этого устраните ошибки ENOSPC:

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

В заключение:

npm start

Это мой файл package.json:

{
  "name": "reservationsystem",
  "version": "0.0.1",
  "scripts": {
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lite": "lite-server",
    "start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
  },
  "dependencies": {
    "a2-in-memory-web-api": "~0.1.0",
    "angular2": "2.0.0-beta.3",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "systemjs": "0.19.17",
    "zone.js": "0.5.11"
  },
  "devDependencies": {
    "concurrently": "^1.0.0",
    "lite-server": "^2.0.1",
    "typescript": "^1.7.5"
  }
}

Развернуть фрагмент

Томек Мищик
источник

3

Я проголосовал за, потому что это устранило мою проблему. Однако мне бы хотелось понять, как это исправило добавление fs.inotify.max_user_watches в / etc / sysctl.

Джошуа Уилсон,

Похоже, что наблюдателю нужно больше памяти, и это обеспечивает это.

Джошуа Уилсон,

Я обнаружил, что это работает лучше, когда я сначала удаляю модули - rm -r node_modules/. Как бы то ни было, как говорит мужчина, это меня заставило; Я поражен тем, что fs.inotify.max_user_watches=524288мне кажется чрезмерным. Есть ли у ветра улучшение рассудка ?

будет

Стоит добавить, что быстрый запуск Javascript запускается прямо из коробки. НЕТ огромных дополнений. И когда сервер останавливает веб-страницу stays on screen. Машинописная версия просто исчезает с клубами дыма

будет

это спасло меня, спасибо. echo fs.inotify.max_user_watches = 524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

chintan adatiya

15

У меня была такая же ошибка в Windows 10. Похоже, проблема с одновременным пакетом npm. Я нашел 2 варианта решения этой ошибки:

1. Выполните обе команды в 2 отдельных cmds:
- в первом прогоне: npm run tsc:w
- во втором: npm run lite
2. Изменить package.json
- просто измените параметр запуска на это: "start": "tsc && npm run tsc:w | npm run lite",

dontHaveName
источник

2

Просто отметить. В Linux:"start": "tsc && npm run tsc:w & npm run lite",

ACV,

Ну, для меня это автоперекомпиляция.

dontHaveName 02

Я имел в виду свой первый комментарий :) на linux это не сработает

ACV

Только это решение сработало для меня. Сначала попробовал (запустите обе команды в 2 отдельных cmds). Потом остановил процесс в обоих cmds. Наконец, примените второй (измените package.json) и запустите «npm start» только в одном cmd. Если я изменю один файл, localhost: 3000 автоматически обновится и отобразит мои изменения. Большое спасибо!

Эндрю Ф.

13

Вот как я решил проблему сегодня, после нескольких часов пробуя все эти различные решения (для тех, кто все еще ищет другой способ).

Откройте 2 экземпляра cmd в каталоге быстрого запуска:

окно №1:

npm run build:watch

затем...

окно №2:

npm run serve

Затем он откроется в браузере и будет работать должным образом.

ДекланПосснетт
источник

9

У меня была аналогичная проблема после копирования папки angular2-quickstart (включая node_modules) для создания папки angular2-tour-of-heroes. Это было странно, потому что оригинал компилировался нормально, а копия - нет ...

npm run tsc

Мне удалось решить проблему, удалив папку node_modules и повторно запустив npm install. .

Для меня это было неожиданностью, поэтому я провел различие между двумя папками ...

diff -rw angular2-quickstart/node_modules/ angular2-tour-of-heroes/node_modules/

было МНОГО различий, много различий в "где" в файлах package.json, например: -

diff -rw angular2-quickstart/node_modules/yargs/package.json angular2-tour-of-heroes/node_modules/yargs/package.json
5c5
<       "/Users/michael/Tutorials/angular2/angular2-quickstart/node_modules/lite-server"
---
>       "/Users/michael/Tutorials/angular2/angular2-tour-of-heroes/node_modules/lite-server"

... что имеет смысл, но были и такие: -

diff -rw angular2-quickstart/node_modules/utf-8-validate/build/gyp-mac-tool angular2-tour-of-heroes/node_modules/utf-8-validate/build/gyp-mac-tool
607c607,608
<       return {k: self._ExpandVariables(data[k], substitutions) for k in data}
---
>       return dict((k, self._ExpandVariables(data[k],
>                                             substitutions)) for k in data)

... чего я вообще не понимаю.

Ну что ж, надеюсь, это поможет.

Майкл Даусманн
источник

5

Измените начальное поле в package.json с:

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

Кому:

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

Это действительно помогло.

Джозеф
источник

5

Этот ответ относится к отличному курсу Pluralsight «Основы Angular 2» Джима Купера.

Если у вас, как и у меня, возникают проблемы с запуском команды npm start на компьютере с Windows 10, я предлагаю следующее:

Запустите git bash от имени администратора (выполните действия, описанные в видео). Перейдите в каталог проекта ( ng2-basicals ) и введите следующие команды:

npm config get registry

npm cache clean

npm install

После завершения установки вам нужно будет изменить файл get-shell.js, расположенный в модуле spawn-default-shell внутри папки node_modules, следующим образом:

Измените следующее:

const DETECT_SH_REGEX = /sh$/;

к этому:

const DETECT_SH_REGEX = /sh/;

Обратите внимание на удаленный $ в конце строки sh (благодарность оригинальному автору этого исправления alfian777, который разместил решение на github )

Сохраните файл, а затем перейдите в консоль git bash и введите npm start

Теперь вы не должны видеть никаких ошибок, и страница localhost запустится в вашем браузере по умолчанию (в качестве альтернативы откройте браузер и перейдите по адресу http: // localhost: 8808 / ).

Тахир Халид
источник

3

Ни один из этих ответов не помог Ubuntu . Наконец я наткнулся на решение от Джона Папы (автора lite-сервера).

В Ubuntu 15.10 Angular 2 Quick Start ожил после запуска этого в терминале:

echo fs.inotify.max_user_watches = 524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

Очевидно, это увеличивает количество доступных файловых наблюдений.

Источник ответа: https://github.com/johnpapa/lite-server/issues/9

Пол Локвуд
источник

3

Я столкнулся с той же проблемой. Однако ни один из приведенных выше ответов не был для меня подходящим решением. Оказывается, это было связано больше с моей средой разработки, чем с какой-либо из версий вещей.

Поскольку я использовал Visual Studio Code, я установил задачу сборки в VSC для компиляции TypeScript в качестве наблюдателя. Это была проблема. VSC уже запустил задачу NPM для TSC, поэтому при выполнении сценария «start» учебника возникли проблемы, связанные с тем, что VSC все еще работал tsc -w.

Я остановил задачу в VSC и перезапустил сценарий запуска, и он работал нормально.

Решение A. Остановить и запустить npm

Команда VSC> Задачи: Завершить запущенные задачи
Терминал $ npm start

После этого, чтобы все работало, я меняю стартовый скрипт, чтобы просто запустить сервер, а не запускать TSC.

Решение Б. Измените сценарий запуска npm

Заменить

"start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
с участием

"start": "npm run lite"

Решение C: просто запустите команду lite server

`npm run lite`

Itanex
источник

3

Я решил проблему с программой Quick Start, перейдя по ссылке ниже.

Angular 2 ошибка QuickStart Live-сервера

Изменить Package.jsonнастройки скриптов

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

кому:

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

Салия Викки
источник

2

Этот ответ предназначен только для пользователей Windows 10, и, как вы увидите ниже, я подозреваю, что проблема возникает только у этих пользователей:

Чтобы узнать, что происходит, вы можете запустить команду в PowerShell, и она сообщит вам, в чем проблема:

PS C:\Users\Laurent-Philippe> tsc && concurrently "tsc -w" "lite-server"
At line:1 char:5
+ tsc && concurrently "tsc -w" "lite-server"
+     ~~
The token '&&' is not a valid statement separator in this version.
    + CategoryInfo          : ParserError: (:) [], ParentContainsErrorRecordException
    + FullyQualifiedErrorId : InvalidEndOfLine

По сути, сообщение объясняет, что токен «&&» еще не действует в Windows 10. И для тех, кому интересно, та же команда, заменяющая && на &, сообщила нам, что оператор амперсанда зарезервирован для использования в будущем:

 (&) character is not allowed. The & operator is reserved for future use; wrap an ampersand in double quotation marks ("&") to pass it as part of a string.

Выводы :

если вы хотите вручную запустить эту команду из PowerShell, вы можете использовать это вместо:

tsc "&" одновременно "tsc -w" "lite-server"
если вы хотите запустить приложение с npm start, замените начальную строку в package.json на:

"start": "tsc и одновременно \" tsc -w \ "\" lite-server \ ""
в качестве альтернативы ответ user60108 также работает, потому что он не использует амперсанд:

"start": "одновременно \" npm run tsc: w \ "\" npm run lite \ ""

Лоран-Филипп Альбу
источник

1

Скорее всего, ваша версия NPM устарела, у меня недавно было это на машине разработчика на работе, введите:

npm -v

Если это что-то меньшее, чем текущая стабильная версия, и вы можете просто обновить установку Node.js здесь https://nodejs.org/en/ :)

NewZeroRiot
источник

1

Это сработало у меня, положите /// <reference path="../node_modules/angular2/typings/browser.d.ts" /> в начало файла начальной загрузки.

Например:-

В boot.ts

/// <reference path="../node_modules/angular2/typings/browser.d.ts" />
import {bootstrap} from 'angular2/platform/browser'
import  {AppComponent} from './app.component'

bootstrap(AppComponent);

Примечание: - Убедитесь, что вы указали правильный путь ссылки .

виноградник
источник

1

В devDependencies typescript - это 1.7.3, но у вас есть исправление 1.7.5.
Импортируйте свои js-файлы в правильном порядке в index.html. для получения дополнительной информации обратитесь к этому репозиторию https://github.com/pkozlowski-opensource/ng2-play/blob/master/index.html или обратитесь к моему репозиторию здесь

https://github.com/MrPardeep/Angular2-DatePicker

index.html

<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>

    <script>
        System.config({
                    defaultJSExtensions: true,
                    map: {
                        rxjs: 'node_modules/rxjs'
                    },
                    packages: {
                        rxjs: {
                        defaultExtension: 'js'
                      }
                    }
                });
    </script>
    <script src="node_modules/angular2/bundles/angular2.dev.js"></script>
    <script src="node_modules/rxjs/bundles/Rx.js"></script>
    <script src="node_modules/angular2/bundles/router.dev.js"></script>
    <script src="node_modules/angular2/bundles/http.dev.js"></script>

<script>
    System.import('dist/bootstrap');
</script>

Пардип Джайн
источник

Спасибо за повтор, но это не решает мою проблему :)

Томаш Чунель

чем, как сказал @Eric, проверьте версию своего узла, она должна быть между 4 * 5, а версия npm должна быть между 2 * 3. или опубликуйте структуру своего проекта, это поможет мне разобраться в проблеме.

Пардип Джайн

Спасибо! Это сработало для меня. В частности, эта ссылка: github.com/pkozlowski-opensource/ng2-play/blob/master/…

brando

добро пожаловать :) эта ссылка очень полезна для запуска в angular2 beta0.0.

Пардип Джайн

0

Я могу без проблем воспроизвести шаги.

Пожалуйста попробуйте:

(1) удалите эту строку из вашего index.html

<script src="node_modules/es6-shim/es6-shim.js"></script>

(2) измените файл: app.components.ts , удалите "," в конце строки в поле шаблона.

@Component({
    selector: 'my-app',
    template: '<h1>My First Angular 2 App</h1>'
})

Вот моя среда:

$ node -v
v5.2.0

$ npm -v
3.3.12

$ tsc -v
message TS6029: Version 1.7.5

Пожалуйста, обратитесь к этому репо для моей работы: https://github.com/AlanJui/ng2-quick-start

AlanJui
источник

если мы используем ,в конце шаблона, у меня не возникнет никаких проблем. и как проект может работать безes6-shim

Пардип Джайн

0

Попробуй это:

Установить последние версии npm / nodejs Я очистил установку npm
После этого устанавливаем tsd npm install -g tsd
Затем клонируйте https://github.com/johnpapa/angular2-tour-of-heroes.git
Наконец npm iиnpm start

Фелипес
источник

0

Глобальная установка пакетов - это один из способов сделать это, но это ограничивает вас использованием одной и той же версии во всех проектах, в которых они используются.

Вместо этого вы можете префикс своих скриптов npm с помощью ./node_modules/.bin . В вашем случае это package.jsonбудет выглядеть так:

{
  "name": "reservationsystem",
  "version": "0.0.1",
  "scripts": {
    "tsc": "./node_modules/.bin/tsc",
    "tsc:w": "npm run tsc -w",
    "lite": "./node_modules/.bin/lite-server",
    "start": "./node_modules/.bin/concurrent \"npm run tsc:w\" \"npm run lite\" "
  },
  "dependencies": {
    "a2-in-memory-web-api": "~0.1.0",
    "angular2": "2.0.0-beta.3",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "systemjs": "0.19.17",
    "zone.js": "0.5.11"
  },
  "devDependencies": {
    "concurrently": "^1.0.0",
    "lite-server": "^2.0.1",
    "typescript": "^1.7.5"
  }
}

Я думаю, что npm должен предоставлять ./node_modules/.binперед каждой командой «скрипт», которая находится в этом каталоге по умолчанию, поэтому оригинал package.jsonвыглядел именно так. Я не уверен, есть ли эта функция в каждом выпуске npm или есть какой-то параметр конфигурации, который вы должны указать. Стоит посмотреть!

BrianRT
источник

0

У меня была та же проблема, мы оба забыли включить здесь компоненты 's':

import  {AppComponent} from './app.component'

Должно быть:

boot.js:

import {bootstrap} from 'angular2/platform/browser'
import  {AppComponent} from './app.components'

bootstrap(AppComponent);

Джим Фактор
источник

это неправда, следуя примеру, в app.component не должно быть буквы «s»

Брэд Вудс,

0

У меня была такая же ошибка в OS X (node v6.2.0 и npm v3.9.3, установленная с homebrew), и она не была решена ни одним из вышеперечисленных. Мне пришлось добавить полные пути к командам, выполняемым одновременно.

В package.json я изменил это:

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

к этому:

"start": "tsc && concurrently \"/Users/kyen/.node/bin/npm run tsc:w\" \"/Users/kyen/.node/bin/npm run lite\" ",

Вам, конечно же, потребуется обновить правильные пути в зависимости от того, где хранятся глобальные двоичные файлы вашего узла. Обратите внимание, что мне не нужно было добавлять путь к первой команде tsc. Кажется, что только одновременно нужны полные пути.

kyen99
источник

0

Я встретил ту же ошибку. И после долгих поисков я наконец нашел вот это: приложение Angular2 устанавливается и запускается через package.json. . Потом попробовал заменить

"scripts": { "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ", "lite": "lite-server", "postinstall": "typings install", "tsc": "tsc", "tsc:w": "tsc -w", "typings": "typings" }, к

"scripts": { "start": "concurrently \"npm run tsc:w\" \"npm run lite\" ", "lite": "lite-server", "postinstall": "typings install", "tsc": "tsc", "tsc:w": "tsc -w", "typings": "typings" },

Надеюсь, это поможет получить ту же ошибку.

PS: Моя ошибка не такая, как у Tomasz, моя версия npm - 3.7.3, а версия узла - 5.9.1.

Бек
источник

0

Удалите все существующие пакеты узлов. Обновите узел и npm. Как указано в документации, как минимум node v5.xx и npm 3.xx, иначе это вызовет ошибки.

Делай npm clean. Тогда сделай npm install,npm start .

Это решило проблему для меня.

Аджит Томас
источник

это неправда, в документации по крайней мере указана статистика узла v4.xx angular.io/docs/ts/latest/…

Брэд Вудс,

0

Для пользователей Ubuntu 16.x установка последней версии 5.x решает мою проблему в ubuntu

curl -sL https://deb.nodesource.com/setup_5.x | sudo -E bash -
sudo apt-get install -y nodejs

Субрата Мазумдер
источник

0

Похоже, что есть несколько причин, по которым angular2-quickstart может не запуститься. У меня была такая же проблема с запуском Angular2 версии 2.0.0 при новой установке узла 6.6.0 / npm 3.10.3 в Windows 7. В моем случае при запуске было npm startсброшено множество ошибок машинописного текста:

c:\git\angular2-quickstart>npm start

> angular2-quickstart@1.0.0 start c:\git\angular2-quickstart
> tsc && concurrently "npm run tsc:w" "npm run lite"

node_modules/@angular/common/src/directives/ng_class.d.ts(46,34): error TS2304: Cannot find name 'Set'.
node_modules/@angular/common/src/pipes/async_pipe.d.ts(39,38): error TS2304: Cannot find name 'Promise'.
(...)

Эта проблема обсуждается в вопросе быстрого запуска angular №63, "typings" не устанавливается правильно . Этот билет дает исправление как

$ ./node_modules/.bin/typings install

который сработал для меня. (Я еще не уверен в «правильном» способе сделать это.)

Роберт Калхун
источник

0

Убедитесь, что имена верны, изменив таким образом componentв boot.js на components.

шкипер
источник

0

Перейдите по адресу https://github.com/npm/npm/issues/14075 . И попробуйте ответ Хуанилиски. Может тебе помочь.

npm config получить реестр

очистка кеша npm

npm install

Barış çıracı
источник

0

В файле package.json я удалил строку, в которой было "prestart": "npm run build". Это похоже на команду блокировки и происходит до запуска (npm), таким образом предотвращая другие команды запуска.

SimonInOz
источник

0

Измените start в angular.json на "start": "ng serve --host 0.0.0.0"или "start": "lite-server"и запустите. Также проверьте, правильно ли вы установили angular / cli.

Алекья
источник

0

В руководстве по быстрому запуску я прошел все шаги до npm start. Потом я получил эту ошибку. Затем я удалил node_modulesпапку angular-quickstartи npm installснова запустил . Теперь это работает.

Edi
источник

0

Если вы используете прокси, это может вызвать такую ошибку:

npm config set proxy http://username:pass@proxy:port
npm config set https-proxy http://username:pass@proxy:port
создайте файл с именем .typingsrcв папке вашего приложения, который включает:
- прокси = (значение на шаге 1)
- https-proxy = (значение на шаге 1)
бегать npm cache clean
бегать npm install
бегать npm typings install
бегать npm start

тогда это будет работать

Кубра
источник

Нет, все равно получаю: ошибка TS5023: неизвестный параметр компилятора 'moduleResolution'.

Christof Kälin

Angular2 QuickStart npm start работает некорректно

Ответы:

Решение A. Остановить и запустить npm

Решение Б. Измените сценарий запуска npm

Решение C: просто запустите команду lite server