titov_andrei
@titov_andrei
All my life I learn - and die a fool!

Как найти и устранить ошибку рендеринга компонента?

Переход по ссылкам происходит, роутинг срабатывает судя по смене адресной строки, но сами компоненты не отображаются. В теге, где должен выводится компонент пишет 'undefined'. В консоли ошибка 'Uncaught (in promise) TypeError: c.render is not a function'

В чём может быть несоответствие с кодом по видео?

Делал по этому видео - https://www.youtube.com/watch?v=HgTH05FwodM

5c051e3996eea080827111.png5c051e877b603651287593.png

Код здесь - https://github.com/titov-andrei/native-framework
  • Вопрос задан
  • 73 просмотра
Решения вопроса 1
EreminD
@EreminD
Кое-что умею
хорошо бы ваш код увидеть
пока, наугад, предположу, что у компонента, котрый вы ждете не определен selector
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
pterodaktil
@pterodaktil
js developer
module.js
import { render } from './component'
component.js
export class Component {
  constructor(config) {
    this.template = config.template
    this.selector = config.selector
    this.el = null
  }
  render() {
    this.el = document.querySelector(this.selector)
    if (!this.el) throw new Error(`Component with selector <${this.selector}> wasn't found`)
    this.el.innerHTML = this.template
  }
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы