TypeScript在Redux-Toolkit、styled-components中的异常问题求助

问题详情 #

TypeScript类型检测功能完全异常，具体表现：

• index.tsx里接口和对应对象结构不匹配时，编辑器无任何错误提示
• 从redux-toolkit导入Type时持续报错，无论代码里是否加type关键字都无法解决
• store对象被标记类型错误，但Redux官方文档明确该对象类型是合规的
• 严格按照styled-components官方示例使用主题对象，却被提示和DefaultTheme接口不匹配，实际结构完全吻合

已尝试的无效操作 #

• 卸载重装TypeScript及所有相关依赖包
• 参考多份TypeScript结合Redux、styled-components的教程调整代码结构，问题依旧

复现环境与步骤 #

• 项目初始化命令：npx create-next-app --ts --example with-styled-components testNextSite
• 后续按YouTube教程添加Redux配置
• 运行环境：AWS Cloud9的Ubuntu Server实例
• 复现步骤：
  1. 执行npm install安装依赖
  2. 运行npm run dev启动项目
  3. 新开终端执行tsc -w监听TypeScript编译

根因确认与解决方案 #

经AWS客服核实，截至2022-10-19，AWS Cloud9内置了过时的TypeScript定义文件，且用户无法手动修改该部分内容，这直接导致TypeScript的类型检测逻辑失效。

建议解决方案：

• 更换本地开发环境（比如本地VS Code搭配WSL/Ubuntu、MacOS等），避开Cloud9的环境限制
• 若必须使用AWS Cloud9，可通过Docker搭建独立的Node.js+TypeScript开发环境，隔离Cloud9自带的老旧依赖

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