2017-12-03 13 views
0

今日私はいくつかの定型プロジェクトを開始しました。私はSASSから縮小されたCSSを出力するためにgulpを使用しています。私は2つの.cssファイル - normalize.cssとmain.cssを持っています。 Bithは同じディレクトリから縮小されています。 XAMPPでlocalhostを起動しているときに、index.phpを開くと、main.cssはロードできませんでしたが、normalize.cssがロードされました。私はあるmain.cssがあることがわかりlocalhostのディレクトリにあるファイルを見に行くときもクロムネット:: ERR_ABORTED複数の.cssファイルから

enter image description here

が、私はそれをクリックしたときに、それが見つからなかったことを言う:私は、コンソールで次の取得しますこのファイル - エラー404とURLバーに私はそれがあるmain.cssの末尾に「/」を追加したことを確認 - 奇妙な行動:私はFirefoxのすべてにこのindex.phpを開いたとき

enter image description here

しかし結構です両方のスタイルが正しく読み込まれて表示されます。必要に応じてindex.phpコードは次のとおりです。

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta name="description" content="" /> 
    <meta name="keywords" content=""> 
    <title>Title of site</title> 

    <!-- CSS --> 
    <link rel="stylesheet" type="text/css" href="./dist/css/normalize.css"> 
    <link rel="stylesheet" type="text/css" href="./dist/css/main.css"> 

    <!-- FavIcon --> 
    <link rel="icon" type="image/png" href="//" sizes="32x32"> 

    <!-- Fonts --> 
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'> 

    <!-- JS --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 

    <!-- Local --> 
    <!-- <script src="./js/jquery.min.js"></script> --> 

    </head> 
    <body> 

     <h1>Hello wosfsdfsdfrld!</h1> 
     <p>scss and sass</p> 

     <p><?php echo('THIS IS HEADERsfsfsdf'); ?></p> 

     <img src="./img/testimg.png"> 

    <script type="text/javascript" src="./dist/js/app.js"></script> 
    </body> 
</html> 

これはChromeブラウザと何らかの関係があるようですが、何が問題になるのでしょうか?たぶん、いくつかのXAMPPの設定?しかし、私は決してそれに触れていない

答えて

1

問題はプロジェクト "siteStarter-php"を含むフォルダの名前はいくつかの競合を引き起こした - それは "siteStarterPhp"に変更し、すべてが動作している

関連する問題