当我使用 webpack 管理器在我的 angular2 项目中需要 intro.js 时，它可以启动但没有 css

Posted 2023-02-22

【中文标题】当我使用 webpack 管理器在我的 angular2 项目中需要 intro.js 时，它可以启动但没有 css

【英文标题】：when I require intro.js in my angular2 project with webpack manager,it can start but without css

【发布时间】：2017-03-28 18:44:07

【问题描述】：

。 这是我的代码：

 var introJS=require('intro.js');
@Component(
  selector: 'intro',
  styles:[require('./source/introjs.css')],
  template: require('./intro.html'),
)

export class Intro implements OnInit
  ngOnInit()
    console.log("intro component,start。。。。。");
  

  startIntro(info)
    introJS.introJs().start();
    console.log(info);
  

当我点击开始显示介绍时，这是我的页面视图：

without css

但是我已经测试过了，当我在 html 页面中使用 css 类时 css 是有效的。 对不起，我是 angular2 和 webpack 的新人。 我认为问题在于css加载，我不知道。谢谢大家。

【问题讨论】：

虽然我们并不期待完美的英语，但对于说英语的人来说也是如此。尝试让朋友为您翻译（或编辑您的问题）。

确保.css文件的相对地址正确。其余的对我来说都还可以。

好的，谢谢。其实，我试过很多次了。

【参考方案1】：

我注意到CSS文件不起作用。因为名为intro-tooltip的新div在all标签下。你知道页面是由许多组件组合而成的，所以现在的div与intro中的css文件不匹配组件。当我在 index.html 中移动 css 文件时。它可以工作。但它已经不是组件了。