使用模块名称作为变量时,动态导入不起作用

时间:2018-03-15 04:48:41

标签: javascript reactjs reactive-programming

我一直在尝试动态导入反应组件中的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}`)

0 个答案:

没有答案