新创建的Angular应用无法运行,CSS加载器报错未返回字符串
解决Angular应用启动报错:加载器未返回字符串
检查项目路径特殊字符:你的项目路径包含
C#,其中#属于URL特殊字符,会导致webpack或CSS加载器解析路径时出错。将项目迁移到无特殊字符(如#、空格、中文等)的路径下,比如C:/Angular/my-app后重试启动。清除依赖缓存并重装:
- 删除本地依赖和锁定文件:
Windows命令:
macOS/Linux命令:rmdir /s /q node_modules del package-lock.jsonrm -rf node_modules package-lock.json - 重新安装依赖:
npm install - 强制清除Angular缓存:
ng cache clean --force
- 删除本地依赖和锁定文件:
检查CSS文件状态:
- 打开
app.component.css,确保文件非空(可添加简单样式如body { margin: 0; })。 - 将文件保存为UTF-8无BOM格式,部分编辑器默认的BOM编码会导致加载器读取异常。
- 打开
验证版本兼容性:
确认Node.js版本与当前Angular项目要求匹配(可参考Angular官方版本兼容规则),若版本不兼容,使用nvm(Node版本管理器)切换到对应版本后重新安装依赖。
内容的提问来源于stack exchange,提问作者swaggoo
相关产品推荐
相关产品推荐

