Super expression must either be null or a function, not undefined

按照之前买的用JavaScript开发移动应用的例子来编写的，然后报了这个错。我的头部声明是这样的

var React = require(‘react-native‘);
var {
Text,
View
} = React;

经过查询后是由于‘React‘和‘Component‘从‘react native‘分离到了‘react‘模块。
所以这里我们只引入‘react native‘的模块是不够的，改成这样：

import React, { Component } from ‘react‘;
import {
AppRegistry,
StyleSheet,
Text,
View
} from ‘react-native‘;

时间： 2024-10-08 13:23:19

Super expression must either be null or a function, not undefined的相关文章

null、空对象和undefined

null:是对象,但是空引用(不指向任何对象) 空对象:是对象,但它的值是指向没有任何属性的对象的引用 undefined:未定义,所以不是对象,本身被定义为“undefined”这一特殊类型 1. null 参与数值运算时其值会自动转换为 0 ,因此,下列表达式计算后会得到正确的数值: 表达式:123 + null 结果值:123 表达式:123 * null 结果值:0 2. undefined参与任何数值计算时,其结果一定是NaN. 3. alert(typeof undefined);

javascript中undefined和null比较以及function类型举例

/** * undefined==null 返回 true * undefined === null 返回 false * undefined 表示变量定义了但是没有被赋值 * null 表示一个空对象的引用 */ //函数类型 Ext.onReady(function(){ function fun(){ console.info("info ... "); } //fun(); 表示调用函数fun //fun 表示引用上面函数的名称 alert(typeof fun);

webpack + react + es6, 并附上自己碰到的一些问题

最近一直在学react,react的基础部分已经学得差不多了,然而自己并没有做详细的记录,有兴趣的同志可以参考阮一峰老师的教程,个人觉得挺不错的,链接如下:https://github.com/ruanyf/react-babel-webpack-boilerplate, 学完了基础就想倒腾倒腾,webpack整合react加es6. 1.webpack + react + es6 1.1 新建项目项目目录如下具体的内容就不解释了,大家应该都看得懂 1.2 配置webpack 配置文件如下

react新手报错日记

问题1 Uncaught TypeError: Super expression must either be null or a function, not undefined 如果碰到这个问题不要去百度了,先狠狠的打自己一顿起,因为你是单词写错了,出现这个问题百分之99.99是因为单词写错了,反正我是把Component写成了Compontent 后续更新

Babel下的ES6兼容性与规范

ES6标准发布后,前端人员也开发渐渐了解到了es6,但是由于兼容性的问题,仍然没有得到广泛的推广,不过业界也用了一些折中性的方案来解决兼容性和开发体系问题,但大家仍很疑惑,使用ES6会有哪些兼容性问题. 一.兼容性问题现状针对ES6的新特性兼容性问题,目前解决的方案是使用语法解析转换工具将es6语法转化为大部分浏览器识别的es5语法,通用的转化方案有babel,traceur,jsx,typescript,es6-shim.当然es6在服务器端也存在兼容性问题,这里由于只考虑到浏览器端的开发,

ES6新特性：使用新方法定义javascript的Class

ES6中定义类的方式, 就是ES3和ES5中定义类的语法糖,虽然也有些区别,但是整体定义类的方式更加简洁,类的继承更加方便, 如果想对ES6中的继承更加熟悉, 最好了解ES5中原型继承的方式, 博客园中说JS继承的文章很多, 想要深入了解的同学自己去搜: 定义一个class: 每一个使用class方式定义的类默认都有一个constructor函数, 这个函数是构造函数的主函数, 该函数体内部的this指向生成的实例, say() {}为原型上的方法, 我们定义一个简单的类 : "use stri

es6继承 vs js原生继承(es5)

最近在看es2015的一些语法,最实用的应该就是继承这个新特性了.比如下面的代码: 1 $(function(){ 2 class Father{ 3 constructor(name, age){ 4 this.name = name; 5 this.age = age; 6 } 7 8 show(){ 9 console.log(`我叫:${this.name}, 今年${this.age}岁`); 10 } 11 }; 12 class Son extends Father{}; 13 1

借助FreeHttp为任意移动端web网页添加vConsole调试

以下介绍在不用修改代码并发布项目的情况下,为我们日常使用的移动web应用(如手机web淘宝)添加vConsole调试工具的方法 vConsole介绍 vConsole是一个轻量.可拓展.针对手机网页的前端开发者调试面板. 使用vConsole的项目可以让手机上的Web浏览器,拥有类似PC调试工具的能力. 正常情况下使用vConsole需要修改项目代码并重新发布. vConsole官方介绍(https://github.com/Tencent/vConsole) FreeHttp介绍 FreeHt

ES6中class的实现原理

一.在ES6以前实现类和继承实现类的代码如下: function Person(name, age) { this.name = name; this.age = age; } Person.prototype.speakSomething = function () { console.log("I can speek chinese"); }; 实现继承的代码如下:一般使用原型链继承和call继承混合的形式 function Person(name) { this.name =