Angular7升级至Angular8后懒加载模块遇TS1323动态导入错误求助

嘿，这个问题我帮好几个开发者排查过！你碰到的error TS1323其实是TypeScript编译配置没跟上Angular 8对动态import的要求，咱们一步步来解决：

• 第一步：修正tsconfig.json的模块配置
  动态import语法要求TypeScript的module编译选项必须是commonjs或者esNext。打开你的tsconfig.json，找到compilerOptions区块，把module字段改成esNext（更符合Angular 8+的ES模块规范），同时确保target至少是es2015（因为动态import是ES2015+特性）。修改后的配置大概长这样：

  {
    "compilerOptions": {
      "module": "esNext",
      "target": "es2015",
      // 其他原有配置保持不变...
    }
  }
  

• 第二步：确认Angular CLI版本匹配
  升级到Angular 8后，务必保证@angular/cli也是8.x版本，版本不兼容也可能导致配置不生效。你可以在终端运行ng version检查，如果CLI版本不对，执行npm install @angular/cli@8 --save-dev来更新。

• 第三步：检查懒加载路由的拼写错误
  我注意到你修改后的代码里，导入的是sample-tags.module，但后面取的模块类是CreateLinksModule——这明显是拼写错误啊！应该对应成m.SampleTagsModule才对，这个小疏忽也可能引发连锁问题，一定要核对文件名和模块类名完全一致。

• 第四步：清理缓存重启开发服务
  旧的编译缓存有时候会拖后腿，先运行ng clean（如果Angular 8不支持这个命令，就手动删除dist文件夹和node_modules/.cache目录），然后重启ng serve，让新配置生效。

如果是自定义了webpack配置的项目，还要确保webpack能正确解析动态import，但Angular 8默认的CLI配置已经处理好了这一点，一般不用额外修改。

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