误运行CSS文件触发crbug/1173575, non-JS module files deprecated报错如何解决

crbug/1173575, non-JS module files deprecated. 属于Chrome浏览器的废弃规则提示，触发原因是你误将CSS文件作为开发服务的启动入口：本地静态服务默认会将入口文件当作ES模块尝试解析，而CSS不属于JS模块范畴，加上服务没有配置非HTML文件的直接访问响应规则，就会同时触发页面报错和控制台警告。

• 终止当前运行的开发服务：可以直接关闭启动服务的终端窗口，或在活跃终端窗口按下Ctrl + C终止进程
• 确认项目入口HTML文件的存放路径，常规项目默认入口为根目录下的index.html
• 重新以HTML文件为入口启动服务：
  • 若使用VS Code的Live Server插件启动，直接在HTML文件的编辑界面右键选择「Open with Live Server」即可
  • 若使用serve等命令行静态服务工具，直接在项目根目录执行启动命令即可，无需单独指定CSS文件路径
• 启动完成后确认浏览器地址栏路径指向HTML文件，比如http://localhost:8080/index.html，而非后缀为.css的文件路径

如果调整入口后仍然出现相同报错，可以补充检查两项配置：

• 检查HTML文件中CSS引入的link标签是否正确，必须标注rel="stylesheet"属性，示例规范写法：<link rel="stylesheet" href="./样式文件名.css">，缺省该属性时浏览器可能错误将CSS识别为脚本尝试解析
• 按下Ctrl + Shift + R强制清空浏览器缓存并重新加载页面，排除历史错误缓存的影响

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