Angular 14中export语句大括号内加空格引发编译错误，求原因

可能的原因及解决方法： #

• 构建缓存未更新：Angular CLI或Webpack的缓存可能保留了旧的编译结果，导致新的导出未被识别。执行以下操作：

  1. 停止当前的ng serve进程
  2. 运行ng clean清理构建缓存
  3. 重新启动服务时添加--no-cache参数：ng serve --no-cache

• 导入路径错误：报错提示找不到../action-types中的导出，先检查出错的导入文件：

  • 确认导入路径是否指向正确的文件（src/app/auth/action-types.ts），路径层级是否正确
  • 检查导入语句是否拼写正确，比如有没有把文件名写错（比如action-types写成actions）

• TypeScript模块解析的隐性问题：虽然大括号内的空格属于合法语法，但某些情况下TypeScript的模块解析可能因格式变化出现异常：

  1. 检查tsconfig.json中的moduleResolution配置，确保设置为node（Angular项目默认值）
  2. 尝试手动将导出语句改回原格式，看是否能恢复正常，以此确认是否是格式导致的解析问题

• WebStorm格式化的隐性修改：检查格式化后的文件是否存在其他不易察觉的变化：

  • 查看文件的编码格式、行尾换行符是否被修改（可通过WebStorm的文件信息面板查看）
  • 确认文件名、变量名的大小写没有被意外修改

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