You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

TypeScript版React Native添加styled-components编译报错:找不到NodeJS命名空间

解决React Native TypeScript项目中styled-components的NodeJS命名空间错误

这个问题我之前也碰到过,本质是TypeScript没能识别到NodeJS相关的类型定义,下面是几种亲测有效的解决方法:

方法一:安装Node.js类型依赖

styled-components的类型声明依赖NodeJS的类型定义,先把这个依赖装上:

npm install @types/node --save-dev
# 用yarn的话就执行
yarn add @types/node --dev

方法二:调整tsconfig.json配置

如果装了类型依赖还是报错,检查你的tsconfig.json文件,确保compilerOptions里包含node类型:

{
  "compilerOptions": {
    "types": ["node"]
  }
}

另外也可以确认lib数组里包含了适合的ES版本,比如:

{
  "compilerOptions": {
    "lib": ["es2017", "dom"]
  }
}

方法三:清理缓存重新编译

有时候React Native的缓存会导致类型识别异常,先重置缓存再重新启动项目:

npx react-native start --reset-cache

之后重新运行你的应用:

# Android
npx react-native run-android
# iOS
npx react-native run-ios

额外提示:确认styled-components版本

确保你安装的是适配React Native的styled-components版本,建议更新到最新稳定版,避免旧版本的类型兼容问题:

npm update styled-components
# yarn用户执行
yarn upgrade styled-components

内容的提问来源于stack exchange,提问作者Steven T. Cramer

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.21 07:43:42