导入ResizeObserverModule时提示「module itself has errors」错误如何处理?
你给出的代码本身不存在语法或逻辑错误,功能运行正常也符合@ng-web-apis/resize-observer的使用规范,该报错是VSCode内置Angular语言服务的索引异常导致,不属于代码层面的问题。
可以按以下步骤排查解决:
- 重启Angular语言服务:在VSCode中按下快捷键
Ctrl+Shift+P(Mac系统为Cmd+Shift+P),选中「Angular: Restart Angular Language server」选项,等待服务重启完成、项目重新索引后查看报错是否消失。 - 清空工作区缓存:关闭VSCode,删除项目根目录下的
.angular缓存文件夹,重新打开项目等待索引完成即可。 - 验证依赖完整性:执行
npm ci(如使用yarn则执行yarn install --force)重装项目依赖,避免依赖文件损坏导致的模块识别异常。 - 检查导入路径:确认ResizeObserverModule的导入语句为
import { ResizeObserverModule } from '@ng-web-apis/resize-observer';,无拼写或路径错误。
额外注意:你当前在ResponsiveShellModule的exports数组中导出了ResizeObserverModule,其他导入了ResponsiveShellModule的模块无需再单独导入ResizeObserverModule,避免重复导入触发额外的语言服务校验报错。
内容的提问来源于stack exchange,提问作者Optiq
相关产品推荐
相关产品推荐

