SCSS 样式未应用于文件

Question

Image Shown here

My scss styles are not being applied. Please help me figure out the issue. I have attached the github link of the project and also the image of the console.

https://github.com/webdeveloper1213/saasProject

Thanks.

Answer 1

I just checked your index file update your code from this

<link ref = "stylesheet" href = "/dist/style.css" />

to this

<link rel="stylesheet" href="./dist/style.css">

Answer 2

You are putting spaces around the = signs in your HTML attributes. You shouldn't do that. Remove the extra spaces on both sides of = .

The real problem here is that you have a typo of link ref for link rel . So the browser doesn't know that you mean to indicate a stylesheet link.

In the future you can catch errors like this by using an HTML validator: https://validator.w3.org/