Angular 清晰设计系统CSS don';行不通

Angular 清晰设计系统CSS don';行不通,angular,ionic2,vmware-clarity,Angular,Ionic2,Vmware Clarity,我在这篇文章上做了所有的事情,但我不能让它工作。 我在一个新的爱奥尼亚项目上安装了Clarity UI,但当我尝试添加一个简单的卡片示例或其他任何内容时: <div class="row"> <div class="col-lg-5 col-md-8 col-sm-12 col-xs-12"> <div class="card"> <div class="card-header"> Header

我在这篇文章上做了所有的事情,但我不能让它工作。 我在一个新的爱奥尼亚项目上安装了Clarity UI,但当我尝试添加一个简单的卡片示例或其他任何内容时:

  <div class="row">
<div class="col-lg-5 col-md-8 col-sm-12 col-xs-12">
    <div class="card">
        <div class="card-header">
            Header
        </div>
        <div class="card-block">
            <div class="card-title">
                Block
            </div>
            <div class="card-text">
                ...
            </div>
        </div>
        <div class="card-footer">
            <button class="btn btn-sm btn-link">Footer Action 1</button>
            <button class="btn btn-sm btn-link">Footer Action 2</button>
        </div>
    </div>
</div>

标题
块
...
页脚操作1
页脚操作2

CSS没有起作用。 这就是它的样子

我错过了什么?CSS和JS文件无法被以下内容引用:

<link rel="stylesheet" href="path/to/node_modules/clarity-ui/clarity-ui.min.css">


我是新一代使用Ionic2+Angular的人,而且我是新一代使用Clarity的人,再次感谢Philip!!我读了这篇文章,终于找到了这个文件{{ROOT}\node\u modules\@ionic\app scripts\config\copy.config.js,我在其中添加了以下内容:

copyClarityIcons: {
    src: ['{{ROOT}}/node_modules/clarity-icons/clarity-icons.min.css'],
    dest: '{{WWW}}/assets/css'
},
copyClarityElements: {
    src: ['{{ROOT}}/node_modules/@webcomponents/custom-elements/custom-elements.min.js','{{ROOT}}/node_modules/clarity-icons/clarity-icons.min.js'],
    dest: '{{WWW}}/assets/js'
},
copyClarityCSS: {
    src: ['{{ROOT}}/node_modules/clarity-ui/clarity-ui.min.css'],
    dest: '{{WWW}}/assets/css'
}

它起作用了

欢迎光临!请阅读这篇文章来帮助我们帮助你。我们需要了解你具体做了什么以及错误是什么。你是对的,菲利普,对不起。我添加了一些附加信息。我只是遵循这个教程,我发现的任何其他内容都是相同的信息。我没有使用清晰度,但过程可能类似于使用字体。看一看,看看它是否可以为这个清晰的东西的css部分增加。再次感谢Philip!!我终于找到了这个