npm安装sass后编译scss为css提示目录/文件名语法错误如何解决

命令行报错提示：

报错信息：The filename, directory name, or volume label syntax is incorrect.（文件名、目录名或卷标语法不正确）

学习Sass过程中通过npm完成Sass安装后，执行scss编译为css的操作时触发上述报错，已确认scripts命令中填写的目录名、文件名拼写均正确。
项目文件夹结构如下：

按优先级从高到低排查即可：

• 优先检查package.json内scripts字段配置的sass编译命令的路径斜杠：Windows cmd环境下反斜杠\会被识别为转义字符，不要直接复制资源管理器的反斜杠路径，所有路径统一使用正斜杠/书写。例如错误写法sass scss\style.scss css\style.css要改成sass scss/style.scss css/style.css
• 检查命令内是否混入全角字符：写命令时如果误切中文输入法，打出来的全角冒号、全角斜杠、中文引号肉眼很难分辨，直接删除原有命令，手动切换英文输入法重新输入一遍路径即可，不要复制路径里带特殊标点的片段
• 提前创建编译输出目录：目前Sass的稳定版不会自动创建不存在的输出文件夹，如果你的css目录还没手动创建，先建好对应目录再执行编译命令
• 排除依赖安装损坏问题：删除项目下的node_modules文件夹和package-lock.json文件，重新执行npm install安装完整依赖后重试
• 若使用全局安装的Sass，先执行sass --version确认命令可正常调用：如果Windows系统用户名是中文、带空格，npm全局包的默认存放路径会包含非英文字符，容易触发路径语法错误，把npm全局模块路径修改到纯英文、无空格的目录下即可解决。

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