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
相关产品推荐
相关产品推荐

