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

回答

相關問題