react-native 编译 undefined is not an object (evaluating '_react2.PropTypes.func')

最新推荐文章于 2022-11-16 17:42:32 发布
最新推荐文章于 2022-11-16 17:42:32 发布
阅读量248 收藏 1
点赞数
文章标签： javascript 移动开发 ViewUI
原文链接：http://www.cnblogs.com/pxjbk/p/10258906.html
版权

情况通报：

因为是我的二维码模块报错，提示报错代码如下

重要信息是下面的红色字体部分（Android 模拟器红屏）

undefined is not an object (evaluating '_react2.PropTypes.func')
<unknown>
D:\CDM_POS_APP\pos_shouy\node_modules\react-native-smart-barcode\Barcode.js:38:33
loadModuleImplementation
D:\CDM_POS_APP\pos_shouy\node_modules\metro-bundler\src\Resolver\polyfills\require.js:178:12
guardedLoadModule
D:\CDM_POS_APP\pos_shouy\node_modules\metro-bundler\src\Resolver\polyfills\require.js:130:36
_require
D:\CDM_POS_APP\pos_shouy\node_modules\metro-bundler\src\Resolver\polyfills\require.js:110:20
<unknown>
D:\CDM_POS_APP\pos_shouy\src\QrcodeView.js:17
loadModuleImplementation
D:\CDM_POS_APP\pos_shouy\node_modules\metro-bundler\src\Resolver\polyfills\require.js:178:12
guardedLoadModule
D:\CDM_POS_APP\pos_shouy\node_modules\metro-bundler\src\Resolver\polyfills\require.js:130:36
_require
D:\CDM_POS_APP\pos_shouy\node_modules\metro-bundler\src\Resolver\polyfills\require.js:110:20
<unknown>
D:\CDM_POS_APP\pos_shouy\App.js:31
loadModuleImplementation
D:\CDM_POS_APP\pos_shouy\node_modules\metro-bundler\src\Resolver\polyfills\require.js:178:12
guardedLoadModule
D:\CDM_POS_APP\pos_shouy\node_modules\metro-bundler\src\Resolver\polyfills\require.js:130:36
_require
D:\CDM_POS_APP\pos_shouy\node_modules\metro-bundler\src\Resolver\polyfills\require.js:110:20
<unknown>
D:\CDM_POS_APP\pos_shouy\index.js:2
loadModuleImplementation
D:\CDM_POS_APP\pos_shouy\node_modules\metro-bundler\src\Resolver\polyfills\require.js:178:12
guardedLoadModule
D:\CDM_POS_APP\pos_shouy\node_modules\metro-bundler\src\Resolver\polyfills\require.js:123:45
_require
D:\CDM_POS_APP\pos_shouy\node_modules\metro-bundler\src\Resolver\polyfills\require.js:110:20
global code

解决办法：

找到错误位置的：D:\CDM_POS_APP\pos_shouy\node_modules\react-native-smart-barcode\Barcode.js

PropTypes 放在了react 中引入，但是还是出错
Undefined is not an object(evaluating ‘_react2.PropTypes.func’)

正确写法：


import React, { Component } from 'react';

import PropTypes from 'prop-types';

把PropTypes 从prop-types 中引入

最终截图：

 

转载于:https://www.cnblogs.com/pxjbk/p/10258906.html

weixin_30402085
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
react-native-iap：应用内购买的react-native本机模块
02-03
最近， react-native-iap模块维护得不好。 我们正在考虑再次参与并使模块更健康。 请参考并与我们分享您或您的组织如何使用它。 新年快乐 :party_popper: 介绍 此本地React模块将帮助您在Android ， iOS平台和Amazon...
react 使用 PropTypes 进行类型检查
青蛙king的博客
05-17 1419
https://www.npmjs.com/package/prop-types https://cloud.tencent.com/developer/article/1684723 https://segmentfault.com/a/1190000016182458 https://zh-hans.reactjs.org/docs/typechecking-with-proptypes.html https://zhuanlan.zhihu.com/p/35344200
React组件进阶--基础父子组件案例，props中children属性的用法，props的校验写法，props常见的规则，props默认值，生命周期，挂载阶段，更新阶段，卸载阶段
m0_54088431的博客
11-08 2104
打印输入框的内容
九、propTypes验证
weixin_45311714的博客
11-16 715
理解类型验证的必要性灵活掌握类型验证的使用安装 引入和使用 基本的使用格式如下：基本的类型验证如下还有一些辅助方法instanceOf 使用形式如下： 这个方法表示验证类型必须是某个类的实例，上述代码表示传入的参数必须是Array的实例；一般这个方法会接收一个类；oneOf 使用形式如下： 这个方法用来规定传入的属性必须是给定值中的一个，上述代码表示传入的值只能是’news’或者’photos’,一般该方法接收一个数组，数组的元素则为供选择的值oneOfType 使用形式如下 这个方法表示
ReactNative进阶（十三）：使用prop-types进行属性确认（必要属性验证、类型验证）
IT全栈 华强工作室
04-27 1331
一、基本介绍 1，属性确认的作用 使用 React Native 创建的组件是可以复用的，所以我们开发的组件可能会给项目组其他同事使用。但别人可能对这个组件不熟悉，常常会忘记使用某些属性，或者某些属性传递的数据类型有误。 因此我们可以在开发 React Native 自定义组件时，可以通过属性确认来声明这个组件需要哪些属性。这样，如果在调用这个自定义组件时没有提供相应的属性，则会在手机与调试工具中弹出警告信息，告知开发者该组件需要哪些属性。 注意：为了保证 React Native 代码高效运行，属性确认
undefined is not an object (evaluating '_react.PropTypes.func') 解决
轻量开发
06-18 5408
经常网上下载代码运行报错undefined is not an object (evaluating '_react.PropTypes.func') 原因是代码太老了， 老的写法： import React,{ Component, PropTypes } from 'react'; 写的写法： PropTypes 从react 分离出去了。导入如下 imp...
react-native-typography-master.zip_oneprz_react-native_typograph
09-15
Pixel perfect, native looking typographic styles for React Native.
react-native-rename：仅用一个命令即可重命名react-native应用
01-30
react-native-rename 只需一个命令即可重命名react-native应用 该软件包假定您使用react-native init创建了react-native项目。 注意：此软件包不会尝试正确重命名构建工件，例如ios/build或Cocoa Pod安装目标。 ...
适用于 Android 和 iOS 的 React Native NFC 模块 react-native-nfc
05-28
灵感来自phonegap-nfc和react-native-ble-manager 该库最简单（也是最常见）的用例是读取NFC包含 的标签NDEF，可以通过以下代码实现： import React from 'react'; import {View, Text, TouchableOpacity, ...
react-native-image-to-pdf:react-native插件可将图像转换为PDF
05-26
入门$ npm install react-native-image-to-pdf --save 或者$ yarn add react-native-image-to-pdf 大多是自动安装$ react-native link react-native-image-to-pdf 手动安装的iOS 在XCode的项目导航器中，右键单击“ ...
React-数据类型的检测PropTypes
kelly0721的博客
11-24 1423
数据类型的检测PropTypes
常见的JS语言错误总汇
X W F
08-14 4304
1、 Uncaught TypeError: Cannot Read Property 这是 JavaScript 开发人员最常遇到的错误。当你读取一个属性或调用一个未定义对象的方法时，Chrome 中就会报出这样的错误。导致这个错误发生的原因有很多，常见的一种情况是在渲染 UI 组件时，不正确地初始化状态。 2、 TypeError: ‘undefined’ Is Not an Object (evaluating…) 这是在 Safari 中读取属性或调用未定义对象上的方法时发生的错误。您可以在 Saf
P16:React高级-PropTypes校验传递值,使用默认值 defaultProps
wgchen
12-10 471
React16 基础阐述PropTypes 的简单应用BeautyItem.jsBeauty.jsindex.js浏览器中查看效果必传值的校验使用默认值 defaultProps 阐述 在父组件向子组件传递数据时，使用了属性的方式，也就是 props，但 “服务菜单” 的案例并没有任何的限制。 这在工作中时完全不允许的，因为大型项目，如果你不校验，后期会变的异常混乱，业务逻辑也没办法保证。 PropTypes 的简单应用 我们在 Beauty.js 组件里传递了4个值，有字符串，有数字，有方法，这些都是可以
React类型检测prop-types的基本使用
qq_60976312的博客
08-26 741
React类型检测prop-types的基本使用
TypeError: undefined is not an object (evaluating '_react.default.defaultProps.object') - RN
survivorsfyh的博客
03-28 6772
TypeError: undefined is not an object (evaluating '_react.default.defaultProps.object') 在 ReactNative 项目开发中，起初对组件属性进行检测的时候使用了 defaultProps 属性，但抛出了如上的异常提示 解决办法 将如上 defaultProps 属性替换为 React 中的 pr...
从零开始学习React——(十三)：React中PropTypes校验传递值
qq_19249021的博客
03-16 163
日常开发中，父组件向子组件传值时，使用了属性的方式，也就是props。这种方式传值在大型项目中，如果不对其进行校验，后期会变的异常混乱，业务逻辑也没法保证。 1. PropTypes的简单使用 在Child.js组件里传递了4个值，有字符串，有数字，有方法，这些都是可以使用PropTypes限制的。使用之前必须引入一下PropTypes。 import PropTypes from 'prop-types' 引入后，就可以在组件的下方进行使用了，需要注意的是在子组件ChildItem.js的最下面，写.
React Native Undefined is not an object(evaluating ‘_react2.PropTypes.func’)
以后的今天的博客
01-08 5592
我原来的写法 import React, { Component, PropTypes } from 'react'; export default class CommonTitle extends Component {     render() {         return (           …         )     }  }
react学习记录-PropTypes 和组件参数验证
华工Web练习生
07-01 304
文章目录PropTypes 和组件参数验证PropTypes PropTypes 和组件参数验证 JavaScript 语言的弱类型，让我们写代码很爽，但是也很容易出 bug。 变量没有固定类型可以随意赋值，在我们构建大型应用程序的时候并不是什么好的事情。你写下了 let a = {} ，如果这是个共享的状态并且在某个地方把 a = 3，那么 a.xxx 就会让程序崩溃了。而这种非常隐晦但是低级的错误在强类型的语言例如 C/C++、Java 中是不可能发生的，这些代码连编译都不可能通过，也别妄图运行。 大型
React组件属性类型（propTypes）校验
yong_bu_ting_zhi的专栏
09-24 1247
Prop 验证 随着应用不断变大，保证组件被正确使用变得非常有用。为此我们引入propTypes。React.PropTypes 提供很多验证器 (validator) 来验证传入数据的有效性。当向 props 传入无效数据时，JavaScript 控制台会抛出警告。注意为了性能考虑，只在开发环境验证 propTypes。下面用例子来说明不同验证器的区别： React.createCla...
react-native link react-native-pdf zsh: command not found: react-native
最新发布
12-29
要解决"zsh: command not found: react-native"的问题，你需要确保已经正确安装了react-native-cli并且已经将其添加到了系统的环境变量中。 以下是在Windows和Mac上安装和配置react-native-cli的步骤： Windows： ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值