没有源映射 sass - Shell-Bash

当您在开发Sass项目时，您可能会遇到“没有源映射”的错误消息。 您可能会感到困惑，因为您在Sass文件中使用了源地图，但是它仍然无法正确加载。

这通常是由于源地图的错误配置或者找不到源地图文件造成的。

以下是您可以尝试的一些步骤。

确认你的源地图文件被正确加载

首先，请确认您在Sass文件中正确配置了源地图。

// 开启源地图
sass --source-map --watch input.scss output.css

确保将其编译到CSS文件中

/*以上内容将由sass自动生成*/
 /*# sourceMappingURL=output.css.map */

这将确保源地图文件与您的CSS文件一起生成。

检查源地图的配置

如果您的源地图文件与CSS文件在同一目录中，那么配置正确。

如果您的源地图文件与CSS文件在不同的目录中，则必须调整源地图的配置以反映它们的位置。

确保设置了正确的路径：

//生成到不同的目录，请使用以下配置选项
sass --source-map --watch input.scss:output.css --source-map-urls=../maps/output.css.map

在这种情况下，确保将生成的源地图文件移动到正确的位置。

确保源地图文件可以被读取

如果源地图文件无法读取、加载或解析，则会出现“没有源映射”的错误。

确保源地图文件存在于您的项目中，并且可被读取。如果无法读取源地图文件，则该错误可能会出现。

结论

这些步骤中的一个或多个可能会为您解决“没有源映射”的Sass错误。

确保正确配置源地图并在正确位置上生成并加载它们；确保它们可以被读取。如果您遵循这些基本步骤，则通常可以解决此错误。

Happy coding!