Javascript Css不适用于React中的intro.js模块

我在我的一个组件中添加了Intro.js，如下所示：

import introJs from 'intro.js';

然后在componentDidMount中调用它

    componentDidMount() {
    introJs().start();
}

我在以下位置使用它的元素：

 <div className={cx('dropDownSortingBlock')}>
                {!isTrending && <div className={cx('dropDown')} data-intro={'Hello step one!'}>

在渲染中

  <Steps
            enabled={this.state.stepsEnabled}
            steps={this.state.steps}
            initialStep={this.state.initialStep}
            onExit={this.onExit}
                    />

以下是显示的内容：

---

因为您要从

节点_modules

中的包导入

css

文件，请将

~

添加到

ListLandingPage.css中的导入中：

@import "~intro.js/introjs.css";

看

或者，将其导入组件（不带
~
）：

但是，我建议您使用React应用程序

他们甚至有一个新的开始
你试过了吗。它是一个围绕Intro.js的小React包装器。包装器同时支持步骤和提示
请为intro.js使用react包装器

npm安装简介js-react
同时安装intro js-->npm安装intro.js--保存
然后您可以像下面这样从节点模块导入css文件
导入“intro.js/introjs.css”
主题也可以在themes文件夹中找到（例如：import“intro.js/themes/introjs-
nassim.css“）
包装器的工作原理类似。在组件内部定义步骤/提示。为此：-
从“intro.js react”导入{步骤，提示}
通过
不呈现
您的意思是该组件根本不存在于DOM中，或者您根本看不到它？该组件存在于@AdamKosmala@css未得到应用。我将验证是否在任何地方加载了
ListLandingPage.css
，以及导入的文件是否在您的css包中可用。我不熟悉introJs，但也许可以尝试将您的导入替换为“intro.js”中的
import*作为introJsgithub@vini我猜你在用网页包？如果是这样，您的配置是什么？我尝试了React包装器，但没有解决相同的问题，将尝试此功能，谢谢。当使用
~
或在组件中导入模块加载器时（没有
~
）？
@import "~intro.js/introjs.css";

import introJs from 'intro.js';
import 'intro.js/introjs.css';