Angular重命名组件后ng serve编译失败，如何解决Sass语法错误？

从报错信息可以直接定位问题：你的src\app\components\item\item.component.scss文件第3行的选择器写法有误， . e-item{里的点和类名e-item之间多了一个空格，Sass无法识别这种无效的标识符，导致编译失败。

解决步骤：

• 打开src/app/components/item/item.component.scss文件
• 找到第3行的 . e-item{，删除点与e-item之间的空格，修改为.e-item{
• 保存文件后，重新执行ng serve命令即可正常编译

如果问题仍存在，检查组件重命名过程中其他关联文件（比如组件模板item.component.html、组件类文件）里的类名引用是否也出现了类似的格式错误。

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