如何解决react-naive-elements ListItem在我的项目中导致以下列出的错误
请帮助我修复以下错误
ListItem.js:41未捕获的TypeError:无法读取未定义的属性“灰色”
at renderIcon (ListItem.js:41)
at ListItem (ListItem.js:220)
at renderWithHooks (react-dom.development.js:16241)
at mountIndeterminateComponent (react-dom.development.js:18775)
at beginWork$1 (react-dom.development.js:20137)
at HTMLUnkNownElement.callCallback (react-dom.development.js:336)
at Object.invokeGuardedCallbackDev (react-dom.development.js:385)
at invokeGuardedCallback (react-dom.development.js:440)
at beginWork$$1 (react-dom.development.js:25738)
at performunitOfWork (react-dom.development.js:24662)
at workLoopSync (react-dom.development.js:24638)
at performSyncWorkOnRoot (react-dom.development.js:24237)
at scheduleUpdateOnFiber (react-dom.development.js:23665)
at updateContainer (react-dom.development.js:27061)
at react-dom.development.js:27485
at unbatchedUpdates (react-dom.development.js:24400)
at legacyRenderSubtreeIntoContainer (react-dom.development.js:27484)
at render (react-dom.development.js:27572)
at renderApplication (renderApplication.js:21)
at Object.run (index.js:49)
at Function.runApplication (index.js:89)
at registerRootComponent (registerRootComponent.web.tsx:14)
at Module.E:\React-Native\Confusion\index.js (index.js:8)
at __webpack_require__ (bootstrap:789)
at fn (bootstrap:100)
at Object.1 (log.js:59)
at __webpack_require__ (bootstrap:789)
at bootstrap:856
at bootstrap:856
依赖项:
"react-native": "~0.62.2","react-native-elements": "^2.3.2","expo": "~38.0.9","react": "~16.11.0","react-native-vector-icons": "^7.1.0","react-native-web": "~0.11.7"
解决方法
在我看来,好像平台在Web上没有定义任何颜色。更新到2.3.2之后,也有类似的依赖项,我也遇到同样的问题。
似乎有针对此的修复程序。希望它将很快发布。
,正如@markb所说,正在解决中,请参见https://github.com/react-native-elements/react-native-elements/pull/2561
目前,您可以使用此修复程序:
import { colors } from 'react-native-elements'
// FIXME: https://github.com/react-native-elements/react-native-elements/pull/2561
// @ts-ignore The typings are also missing "web"
if (colors.platform.web == null) {
// @ts-ignore The typings are also missing "web"
colors.platform.web = {
primary: '#2089dc',secondary: '#ca71eb',grey: '#393e42',searchBg: '#303337',success: '#52c41a',error: '#ff190c',warning: '#faad14'
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。