bootstrap 5 客製化 scss無法編譯

bootstrap css html javascript

ji3g48xj6 2021-08-12 03:15:49 ‧ 1109 瀏覽

分享至

先附上錯誤

當我新增新的顏色，進行編譯時就會發生錯誤
然後整個vscode就像當機
在其他檔案裡寫scss都沒問題，就只有修改bs5時會出問題
關掉再重開的那一次編譯可以成功，之後再新增就會一樣出錯
www是重開存的，後面的hex是再次新增的，連顏色圖都沒跑出來
不知道是少改了什麼，還是哪裡出問題
google了很久也無法排除問題
於是上來問問

用npm安裝bootstrap 5
使用live sass 編譯

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

海綿寶寶

iT邦大神 1 級 ‧ 2021-08-12 09:19:30

在等待正解的同時
可以安裝這兩個 extension試看看

回應 2
分享
檢舉

ji3g48xj6 iT邦新手 5 級 ‧ 2021-08-12 13:53:15 檢舉

安裝了也無法
你也有碰過一樣的問題嗎?

海綿寶寶 iT邦大神 1 級 ‧ 2021-08-12 15:03:56 檢舉

我沒有

登入發表回應

screenleon

iT邦新手 1 級 ‧ 2021-08-12 10:23:15

$theme-colors: (
  "www":    $red,
  "hex":  $green
) !default;

我自己試是沒有問題
試試看不要去更改node_modules的方式去寫
寫在外部

回應 3
分享
檢舉

ji3g48xj6 iT邦新手 5 級 ‧ 2021-08-12 13:52:10 檢舉

我是照著六角的YT做的 (7分40秒也有一樣的程式碼)
https://www.youtube.com/watch?v=QV7XiWbruHI&t=334s&ab_channel=%E5%85%AD%E8%A7%92%E5%AD%B8%E9%99%A2
所以應該不會有錯
而且只要打: 就開始噴錯

screenleon iT邦新手 1 級 ‧ 2021-08-12 14:47:42 檢舉

你有重新編譯的錯誤內容嗎

ji3g48xj6 iT邦新手 5 級 ‧ 2021-08-12 18:44:48 檢舉

沒有欸，只要可以編譯的話，css出來的東西就會是正常內容
現在問題是卡在連編譯都不能而且vscode會沒反應

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22199 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙