2017-02-02 2 views
2

Прежде всего, я абсолютно не знаком с Angular 2, и вчера я пробовал использовать Angular CLI для моего первого проекта и не смог. Угловая CLI, похоже, не работает для меня - я имею в виду, что переменные не обновляются в моих представлениях.Угловые переменные CLI не обновляются

я сделал стандартную процедуру здесь:

  • нг новый Projectname
  • кд имя_проекта
  • НПМ начать

Сервер, на LOCALHOST: 4200 начинается, а затем я попытался добавить новый элемент - абзац - в шаблон /src/app/app.component.html:

<p>This text gets displayed</p> 

CLI сообщил мне, что все в порядке, и браузер обновился автоматически, а затем я увидел, что приложение работает по-умолчанию! заголовок и мой новый абзац с текстом внутри.

Но тогда, я решил изменить название переменную в app.component.ts файл, так что мое новое объявление класса выглядит следующим образом:

export class AppComponent { 
     title = 'New App Title!'; 
    } 

В режиме консоли снова сказал мне, что все отлично, но никаких изменений в браузере не наблюдалось. Я обновил страницу вручную, но никаких изменений не было - заголовок все еще сказал, что «приложение работает!».

Так что я попытался добавить новую переменную в файл:

otherText = "some other text"; 

Затем добавили еще один пункт в моем шаблоне:

<p>New text: {{otherText}}</p> 

Этот пункт был показан на веб-странице, но {{ otherText}} отсутствует. Эта страница выглядела так:

<h1>app works!</h1> 
    <p>this text gets displayed</p> 
    <p>New text: </p> 

Кто-нибудь знает, что может быть проблемой здесь? Что я могу сделать, чтобы переменные работали? У меня нет такой проблемы, когда я работаю с standard quickstart package, только с CLI.

Я нахожусь на машине под Windows 10, я пробовал обновлять Node.js и NPM, но это не помогло.

@edit: Переменные фактически обновляется, но я должен запустить сервер с ng serve, и я должен убить его и повторно запустить его каждый раз, когда я делаю изменения в переменную, чтобы увидеть изменения.

+0

Вы пытались закрыть/открыть браузер? –

ответ

2

В настоящее время это известная проблема в CLI, который начался вчера, вы можете отслеживать состояние его here

0

@angular/[email protected] имеет ошибку для живой перезагрузки.

Снизьте до @angular/[email protected]. Затем rm -rf node_modeules. Переустановите все зависимости.