primeng不渲染primeNG的CSS，被覆盖角4.0.1

我能够得到JSON呈现，但不是样式。我加入的CSS链接到index.html文件：primeng不渲染primeNG的CSS，被覆盖角4.0.1

<!-- #CSS Links --> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/bootstrap/theme.css"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/primeng.css"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/primeng.min.css"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/_theme.scss"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/cruze/theme.css"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/cupertino/theme.css"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/cupertino/theme.css.map"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/darkness/theme.css"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/flick/theme.css"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/home/theme.css"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/kasper/theme.css"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/lightness/theme.css"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/ludvig/theme.css"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/omega/theme.css"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/pepper-grinder/theme.css"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/redmond/theme.css"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/rocket/theme.css"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/south-street/theme.css"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/start/theme.css"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/trontastic/theme.css"> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/voclain/theme.css">

但是我的控制台让我对每一个环节一个404但路径是正确的。

在我的HTML文件我有：

<div class="col-md-9 col-md-push-3 bordered tableScroll boxSize"> 
    <div class="centerTree"> 
     <p-tree [value]="files" layout="horizontal"></p-tree> 
    </div> 
</div>

组件：

@Component({ 
    selector: 'office', 
    templateUrl: './office.html', 
    styleUrls: ['office.css'], 
    encapsulation: ViewEncapsulation.None 

}) 
export class OfficeComponent implements OnInit { 

files: TreeNode[]; 


ngOnInit() { 
     this.nodeService.getFiles().then(files => { 
      this.files = [{ 
       label: 'Root', 
       children: files 
      }]; 
     }); 
    }

当我看到控制台看到的是呈现什么CSS是的模板，而不是primefaces的CSS。我试图覆盖它，但没有成功。

来源

2017-04-12 Drew1208

Primefaces！= primeng – Kukeltje

组件TS内导入CSS文件

import 'primeng/resources/primeng.min.css'

来源

2017-04-12 17:18:19 RemyaJ

谢谢你的努力，但没有奏效。我尝试了'@ Component' 'import'import'../../../../../ node_modules/primeng/resources/primeng.min.css';'和 'import'primeng /resources/primeng.min.css';' – Drew1208

你认为这可能是一个webpack的问题？ – Drew1208

在你的组件内部，你不需要给../指定相对路径，因为默认情况下，它看起来在node_modules文件夹中。 – RemyaJ

primeng不渲染primeNG的CSS，被覆盖角4.0.1

回答

相关问题