问题描述
我正在为 VScode 使用 Live Sass Compiler 插件,当我开始观看时,我收到一个奇怪的终端错误并且文件无法链接。如果编译器正常工作,这一切似乎都已正确链接,但 .html 文件不会随着我的 custom.scss 更改而更新。
终端警告说明了引导程序文件中的一些内容,我认为这可能是其中的一部分?
这是我的 index.html 头:
<head>
<Meta charset="utf-8">
<Meta name="viewport" content="width=device-width,initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<link rel="stylesheet" href="./style/custom.css">
<title>New Document</title>
</head>
还有我的: custom.scss file and the terminal error message
不知道此时该做什么?
解决方法
将此代码粘贴到 head 标签中,然后重试。
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>