html - GET https://github.io/scss/main.scss net::ERR_ABORTED 404 and Uncaught ReferenceError: cards is not defined at Module.<anonymous></anonymous>

问题描述

I am beginner, searching for help.

Got this errors below:

1. GET https://github.io/scss/main.scss net::ERR_ABORTED 404

Trying to google it, changing the track...but it is not working :(

My code is here https://codepen.io/kakuliniec/project/editor/ZRxGGV

[On the picture is my local disc track][1]

project on github https://kakuliniec.github.io/memorygame/

code on github https://github.com/kakuliniec/memorygame

2. Uncaught ReferenceError: cards is not defined at Module. - I have no ide how to define it..

3. I know i need some css work here for pc and mobile look (rozmiary, flexbox itp. abut first these erreros above

Thanks in advance fo your help.

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Memorygame</title>
    <link href="/src/scss/main.scss" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <audio src="/src/assets/sounds/juhu.mp3"></audio>
<main class="cards">
  <section class="card">
    <img class="front" src="https://avatars1.githubusercontent.com/u/22430704?s=280&v=4">
    <img class="back" src="/src/assets/img/5.png">

  </section>
  <section class="card">
    <img class="front" src="https://avatars1.githubusercontent.com/u/22430704?s=280&v=4">
    <img class="back" src="/src/assets/img/1.png">

  </section>
  <section class="card">
    <img class="front" src="https://avatars1.githubusercontent.com/u/22430704?s=280&v=4">
    <img class="back" src="/src/assets/img/3.png">

  </section>
  <section class="card">
    <img class="front" src="https://avatars1.githubusercontent.com/u/22430704?s=280&v=4">
    <img class="back" src="/src/assets/img/4.png">

  </section>
  <section class="card">
    <img class="front" src="https://avatars1.githubusercontent.com/u/22430704?s=280&v=4">
    <img class="back" src="/src/assets/img/1.png">

  </section>
  <section class="card">
    <img class="front" src="https://avatars1.githubusercontent.com/u/22430704?s=280&v=4">
    <img class="back" src="/src/assets/img/2.png">

  </section>
  <section class="card">
    <img class="front" src="https://avatars1.githubusercontent.com/u/22430704?s=280&v=4">
    <img class="back" src="/src/assets/img/6.png">

  </section>
  <section class="card">
    <img class="front" src="https://avatars1.githubusercontent.com/u/22430704?s=280&v=4">
    <img class="back" src="/src/assets/img/2.png">

  </section>
  <section class="card">
    <img class="front" src="https://avatars1.githubusercontent.com/u/22430704?s=280&v=4">
    <img class="back" src="/src/assets/img/3.png">

  </section>
  <section class="card">
    <img class="front" src="https://avatars1.githubusercontent.com/u/22430704?s=280&v=4">
    <img class="back" src="/src/assets/img/5.png">

  </section>

  <section class="card">
    <img class="front" src="https://avatars1.githubusercontent.com/u/22430704?s=280&v=4">
    <img class="back" src="/src/assets/img/4.png">

  </section>
  <section class="card">
    <img class="front" src="https://avatars1.githubusercontent.com/u/22430704?s=280&v=4">
    <img class="back" src="/src/assets/img/6.png">

  </section>
 
</main>

    <script src="/src/js/index.js"></script>
  </body>
</html>```


  [1]: https://i.stack.imgur.com/wXegt.png
  [2]: https://i.stack.imgur.com/ntQcM.png

标签： htmlcss

html - GET https://github.io/scss/main.scss net::ERR_ABORTED 404 and Uncaught ReferenceError: cards is not defined at Module.

问题描述

解决方案

推荐阅读