Часто задаваемые вопросы и проблемы
Первое, что важно понимать: курс изначально был ориентирован только на Angular, но позже я решил добавить и разделы, связанные с версткой. Поэтому иногда некоторые CSS-свойства могут не быть подробно описаны в видео, а просто появляться в коде. К счастью, таких моментов совсем немного.
Теперь давай рассмотрим возможные проблемы, с которыми ты можешь столкнуться:
Что важно, если вы стартуете на 20-ом Ангуляре и выше! Произошло изменение, которое вам помешает идти дальше. Выбирайте создание проекта с зоной! Если выбратли зонелесс: в файле app.config.ts замените строчку provideZonelessChangeDetection() на provideZoneChangeDetection({ eventCoalescing: true }), выполнить npm i zone.js, и добавить в angular.json в секцию build в options поле polyfills: ['zone.js']. Позже, погружаясь в Ангуляр, вы все поймете!
Еще в 20-ом ангуляре перестали прописываться в имена файлов типы сущностей component, service и так далее. Можно исправить в angular.json, в ключ app (вместо app будет название вашего приложения), обновите schematics на это
"schematics": {
"@schematics/angular:component": { "type": "component", "style": "scss" },
"@schematics/angular:directive": { "type": "directive" },
"@schematics/angular:service": { "type": "service" },
"@schematics/angular:guard": { "typeSeparator": "." },
"@schematics/angular:interceptor": { "typeSeparator": "." },
"@schematics/angular:module": { "typeSeparator": "." },
"@schematics/angular:pipe": { "typeSeparator": "." },
"@schematics/angular:resolver": { "typeSeparator": "." }
},
"@schematics/angular:component": { "type": "component", "style": "scss" },
"@schematics/angular:directive": { "type": "directive" },
"@schematics/angular:service": { "type": "service" },
"@schematics/angular:guard": { "typeSeparator": "." },
"@schematics/angular:interceptor": { "typeSeparator": "." },
"@schematics/angular:module": { "typeSeparator": "." },
"@schematics/angular:pipe": { "typeSeparator": "." },
"@schematics/angular:resolver": { "typeSeparator": "." }
},
Видеоинструкция:
1) Не применяются шрифты в проекте
Ты добавил все @font-face, но шрифт все равно не выглядит как в Figma? В видео не показывается явное указание директивы font-family для body, но на отметке 29:36 видно, как это должно быть настроено.:
2) Иконка, вставленная с помощью компонента svg[icon], не отображается
На отметке 2:30:20 я объясняю, что нужно добавить атрибут id в тег <svg> в файле иконки: <svg id="home" ...>
3) Иконка не перекрашивается, когда задаешь color в CSS
Скорее всего, в SVG-файле не изменен цвет заливки на currentColor. На отметке 2:30:21 это показано на второй строке:
4) Запрос на бэкенд не отправляется, особенно при авторизации
Вероятно, ты забыл подписаться на запрос, из-за чего он не исполняется. Нужно сделать так: this.authService.login(this.form.value).subscribe()
Да, эта часть немного перекрывается моим видео. В следующих видео таких проблем не будет — мой уровень записи заметно вырос.
5) Не получить список подписчиков
На 2:41:55 - обрати внимание на слеш в конце URL /account/subscribers/. Он очень важен. Я сначала его не указал, но за кадром добавил этот слеш, и этот момент случайно вырезал. Если слеш не поставить, то запрос будет воспринят как совершенно другой. В документации можно найти объяснение, какой именно запрос будет выполнен в таком случае.
tik-talk
P.S. И, соответственно, потянуло за собой файл profile.service.ts (время на видео 2.42.05), там тоже методы новые появились (getAccount, patchProfile, uploadAvatar, может какие-то еще), не видно за пределами записи какие именно и их полное содержимое...
Подскажите, пожалуйста, в какую сторону копать, и в чем причина. Благодарю Вас!
А проблема в том что справа остается место, и получается карточка не на весь экран(
В scss все верно вроде
столкнулась с проблемой:
с выводом
то 402, то 433 ошибка и никакх не хочет выводить список подписчиков(( пробовала добавлять параметры page и size, не помогло
подскажите, пожалуйста , что еще стоит проверить
}
```
все работает
вот здесь пусто ```
<pre>{{ subscribers$ | async | json}}
```