Angular 17/18版本ng serve后无法加载新增资源文件问题
Angular 17/18开发服务器无法识别assets文件夹新增文件的问题
问题现象
在Angular 17、18版本中,创建新项目并通过ng serve启动开发服务后,向assets文件夹新增的文件会返回CANNOT GET错误;只有重启ng serve服务后,新增文件才能正常被访问。经多次测试验证,Angular 16版本不存在该问题,重装Angular和Node.js后问题仍未解决。
复现步骤
- 执行命令
ng new a17_test_image创建Angular新项目 - 执行
ng serve启动开发服务器 - 向项目的
assets文件夹添加新文件(如图片、文档等) - 尝试通过浏览器访问该新增文件,会收到CANNOT GET错误提示
- 重启
ng serve服务后,再次访问该文件即可正常加载
影响范围
该问题会直接影响依赖文件上传功能的应用(例如博客类应用),导致用户上传后的文件无法即时访问,必须重启开发服务才能生效,严重影响开发体验和功能测试。
截图说明
- 截图1:浏览器访问新增assets文件时显示CANNOT GET错误页面
- 截图2:重启
ng serve服务后,新增文件可正常加载的界面
内容的提问来源于stack exchange,提问作者Raimund Popp
相关产品推荐
相关产品推荐

