私はエラーが発生しています：bootstrap.min.css not found（404）。このエラーは、すべてのCSSとフォントのために来ています

Question

私は私のプロジェクトを開始しているとき私はプロジェクトのすべてのCSSとフォントのエラー404を与えています。私はCSSとフォントのindex.htmlのリンクを与えて、 -cli.jsonでも動作しません。

のindex.html：

<!-- Stylesheets --> 
<link rel="stylesheet" href="../src/css/bootstrap.min.css"> 
<link rel="stylesheet" href="../src/css/bootstrap-datepicker.min.css"> 
<!--<link rel="stylesheet" href="../src/css/star-rating.min.css" /> 
<link rel="stylesheet" href="../src/css/slicknav.css">--> 
<link rel="stylesheet" href="../src/css/superfish.css"> 
<!--<link rel="stylesheet" href="../src/css/animate.css"> 
<link rel="stylesheet" href="../src/css/jquery.bxslider.css"> 
<link rel="stylesheet" href="../src/css/hover.css"> 
<link rel="stylesheet" href="../src/css/magnific-popup.css"> 
<link rel="stylesheet" href="../src/css/owl.carousel.min.css" /> 
<link rel="stylesheet" href="../src/css/owl.theme.default.css" />--> 
<link rel="stylesheet" href="../src/css/font-awesome.min.css" /> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> 
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700" /> 
<!--<link href="../src/styles.css" rel="stylesheet" />--> 
<link rel="stylesheet" href="../src/css/responsive.css"> 
<link rel="stylesheet" href="../src/css/swiper.min.css"> 
<link rel="stylesheet" href="../src/fonts/stylesheet.css"> 
<link rel="stylesheet" href="../src/css/master-style.css"> 

アンギュラcli.jsonファイル：

 "styles": [ 
    "styles.css", 
    "../src/css/bootstrap.min.css" 
    ], 
    "scripts": [ 
    "js/jquery-2.2.4.min.js", 
    "js/bootstrap.min.js", 
    "js/bootstrap-datepicker.min.js", 
    "js/jquery.slicknav.min.js", 
    "js/superfish.js", 
    "js/modernizr.min.js", 
    "js/custom.js" 
    ], 

私のディレクトリforprojects

がある：あなたが間違ったパスを参照している

Answer 1

のsrc \ CSSの。 angular-cli.jsonのパスもプロジェクトルート（src /通常）からの相対パスです。たとえば、src/css/files/styles.cssというファイルがありますが、angular-cli.jsonのファイルはcss/files/styles.css.