Я пытался динамически импортировать файл css в свой компонент реакции следующим образом:
componentWillMount () {
import(this.props.theme) // this.props.theme = "path/to/css"
}
но это не работает, странно то, что когда я жестко кодирую файл css, он работает!
componentWillMount () {
import("path/to/css");
}
Любые идеи?
Я получаю следующую ошибку:
Unhandled Rejection (Error): Cannot find module 'path/to/css'.
(anonymous function)
C:/app/myComponent lazy:5
РЕДАКТИРОВАТЬ, РАЗРЕШЕНО:
Мне нужно было импортировать файл css в этом месте: "../path/to/theme.css" Я удалил "../" из реквизита и объединил его в операторе импорта
import(`../${this.state.theme}`)
Попробуйте import(`${this.props.theme}`)
@GopalkrishnaNarayanPrabhu. Редактировал вопрос.
@ShubhamKhatri У меня такая же ошибка. C: / app / myComponent lazy /^.*$:24
вам нужно установить относительный путь
Почему бы вам просто не загрузить весь компонент и не включить CSS как обычно?
Какая у вас ошибка??