Angular10升级至14构建时CSS语法错误解决

问题原因 #

Angular 14升级后，内置的CSS解析器对语法合规性的校验更严格。你代码里的*cursor: hand;是老旧的IE专属CSS hack，不符合现代CSS标准语法，因此触发了css-syntax-error警告。

解决方案 #

直接替换为标准CSS写法即可：

• 删除第1617行的*cursor: hand;
• 替换为标准的 cursor: pointer;

cursor: pointer;是所有现代浏览器（包括新版本IE）都支持的标准写法，完全可以替代老旧的hand值和*前缀hack，同时能通过Angular 14的语法校验。

操作步骤 #

1. 打开项目中的styles.css文件
2. 定位到第1617行，修改该行代码
3. 重新执行构建命令：ng build

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