部署AEM代码时ui.frontend模块出现TypeScript编译错误求助

以下是针对你遇到的@types/express-serve-static-core类型文件编译错误的具体修复步骤：

1. 降级TypeScript版本 #

Node v12.22.7对高版本TypeScript的语法支持有限，过高的TS版本会无法解析新语法导致报错：

• 先查看当前项目的TS版本：

  npm ls typescript
  

• 如果版本高于4.4.x，执行以下命令降级到兼容版本：

  npm install typescript@4.4.4 --save-dev
  

2. 锁定兼容的@types包版本 #

新版本的@types/express-serve-static-core可能引入了旧TS版本不支持的语法，直接锁定兼容版本：

• 在package.json中添加或修改该依赖的版本：

  "@types/express-serve-static-core": "4.17.24",
  

• 重新安装依赖：

  npm install
  

3. 调整tsconfig.json编译配置 #

修改ui.frontend/src/main/webapp/tsconfig.json（或对应路径的配置文件）：

• 将target设置为Node12支持的ES版本：

  "target": "ES2019",
  

• 临时开启skipLibCheck跳过类型库检查（应急方案，验证问题后可再调整）：

  "skipLibCheck": true,
  

4. 清理缓存并重装依赖 #

缓存损坏可能导致依赖文件异常，执行以下操作：

npm cache clean --force
rm -rf node_modules package-lock.json
npm install

5. 核对Maven前端插件配置 #

确保pom.xml里的frontend-maven-plugin正确指定了Node和npm版本，避免使用系统全局版本：

<plugin>
  <groupId>com.github.eirslett</groupId>
  <artifactId>frontend-maven-plugin</artifactId>
  <version>1.12.1</version>
  <configuration>
    <nodeVersion>v12.22.7</nodeVersion>
    <npmVersion>6.14.0</npmVersion>
  </configuration>
</plugin>

完成以上步骤后，重新执行Maven构建或npm run prod验证问题是否解决。

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