SCSS编译时无法打开style.css.map，报错MustSpecifyImageSize

问题原因 #

这个错误和你CSS里的图片资源无关——编辑器误把.css.map文件当成了图像格式文件解析，所以抛出了「必须指定图片尺寸」的错误。根源是你把Sass编译输出的.css和.css.map文件放到了Sass源文件目录（src/sass/），部分编辑器会对该目录下的文件做特殊关联判断，导致类型识别错误。

解决方案 #

方案1：调整编译输出路径（推荐）

修改package.json里的sass命令，把编译产物放到单独的输出目录（比如项目根目录的css/文件夹），避免和源文件混放：

"style": "sass --watch src/sass/style.scss css/style.css"

执行命令前先手动创建css目录，或者用命令自动创建（Linux/macOS：mkdir -p css && npm run style）。

方案2：临时禁用源映射（不推荐，调试受限）

如果暂时不需要源映射，可以添加--no-source-map参数关闭生成：

"style": "sass --watch --no-source-map src/sass/style.scss src/sass/style.css"

方案3：修正编辑器文件关联

如果一定要把产物放在src/sass目录，需要修改编辑器的文件关联设置，强制让.map文件以JSON格式打开：
以VS Code为例，打开设置（快捷键Ctrl+,），搜索files.associations，添加如下配置：

"files.associations": {
  "*.map": "json"
}

内容的提问来源于stack exchange，提问作者mindcontrol