More than 3 years have passed since last update.

SCSSとJavascriptの読み込みに関する質問

Last updated at 2020-03-07Posted at 2020-03-06

CodepenにてHTML SCSS Javascriptを用いてページを作っていたのですが、Github pagesにてページを公開する段階においてSCSSとJavascriptが読み込まれずHTMLのみの表示となってしまいます。
現在、Github内のレポジトリには、
・HTMLファイル
・SCSSファイル(stylesheet.scss)
・JSファイル(chart.js)
が入っています。
head内の記述に誤りがありますでしょうか？
よろしくお願いします。

<head>
   
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="stylesheet" type="text/css" href="stylesheet.scss"><!--scss読み込み-->
    <script type="text/javascript" src="chart.js"></script><!--chart.js読み込み-->
       <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css" integrity="sha256-UzFD2WYH2U1dQpKDjjZK72VtPeWP50NoJjd26rnAdUI=" crossorigin="anonymous" /><!--font awesome-->
    <link href="https://fonts.googleapis.com/css?family=Spartan&display=swap" rel="stylesheet"><!-- Google font-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script><!--Chart.js CDN-->

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up