我可以在开发工具中看到我的 .scss 文件,但不能在我的文本编辑器中看到



我正在使用引导模板来处理一个项目。我注意到当我打开模板索引.html文件时,我可以在我的 scss 文件夹中看到更多文件夹。但是,在我的文本编辑器(VSC(中,我只能看到一定数量的scss文件。有谁知道是什么原因造成的?我可以在浏览器中进行临时更改,但无法保存更改,因为文件未显示在 VSC 中。我在下面插入了我问题的屏幕截图。第一张图片来自浏览器中的开发工具,第二张图片是我在测试编辑器中看到的图片。在此处输入图像描述。在此处输入图像描述

为了提供更详细的解决方案,我必须查看您使用的是哪个"模板"。这是基于官方引导程序主题还是第三方主题?

Chrome 开发者工具使用源映射,因此如果 sass 文件引用了 @import npm_modules/bootstrap/_alerts.scss 等第三方代码,那么它将遵循路径并显示引用的文件。

第一个图像(chrome 开发者工具(似乎引用了与您的模板一起打包的下载的引导程序源代码。如果是这种情况,您可以在 VSC 中进行全局搜索以查找文件。

找到原始文件后,应将其导入_bootstrap-overrides.scss文件,而不是编辑模板的原始源代码。

最新更新