web-dev-qa-db-fra.com

React-native: La super expression doit être soit null, soit une fonction, pas indéfinie

J'ai vu des questions similaires posées mais je n'arrive pas à identifier le problème . J'utilise rea native native 0.27 J'ai changé toutes mes méthodes require en imports.

Voici l'erreur que je reçois:

 enter image description here

Je ne sais pas si c'est pertinent, mais la première position de l'erreur pointe vers mon fichier LoginComp.js qui contient le code suivant:

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 */
'use strict';
import React, {
  AppRegistry,
  Component,
  StyleSheet,
  Text,
  View,
  Image,
  TextInput,
  Button,
  TouchableHighlight
} from 'react-native';

class LoginComp extends Component {
  constructor(){
    super(props);
  }
  render() {
    return (
      <View style={{flex: 1}}>
        <View style={this.props.styles.loginLogoContainer}>
          <Image style={this.props.styles.view1logo} source={require('../imgs/Logo.png')} />
        </View>
        <View style={this.props.styles.loginContainer}>
          <Text>Użytkownik:</Text>
          <TextInput
            style={this.props.styles.defaultInput}
            placeholder="Użytkownik"
            stretch={true}
            autoComplete={false}
            autoCorrect={false}
          />
          <Text>Hasło:</Text>
          <TextInput
            style={this.props.styles.defaultInput}
            placeholder="Hasło"
            stretch={true}
            autoComplete={false}
            autoCorrect={false}
            secureTextEntry={true}
          />
        <TouchableHighlight onPress={this.props.LoginPress}>
            <Text style={this.props.styles.loginButton}>Login</Text>
          </TouchableHighlight>
        </View>
        <View style={this.props.styles.registrationWrapper}>
          <Text>- lub -</Text>
          <TouchableHighlight onPress={this.props.t_Registration}>
            <Text style={this.props.styles.registration}>Załóż nowe konto</Text>
          </TouchableHighlight>
        </View>
      </View>
    );
  }
}

module.exports = LoginComp;
reactjsreact-nativeecmascript-6
13
noa-dev

Changez votre déclaration d'importation comme ci-dessous et essayez.

import React, { Component } from 'react';

import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Image,
  TextInput,
  Button,
  TouchableHighlight,
} from 'react-native';

Aussi constructeur devrait être comme ci-dessous

constructor(props){
    super(props);
}
43
Jickson

J'ai fait face au même problème. Incorrectement importé 

import React, { Component } from "react-native";

au lieu de 

import React, { Component } from "react";

voir cette réponse https://stackoverflow.com/a/37676646/5367816

5
akhil xavier

Personnellement, j'ai résolu ce problème d'une autre manière:

J'importais un module par défaut tel que import Module from "./path/to/Module.js".
Mais dans le fichier Module.js, J'ai oublié le mot-clé par défaut :
export class Module {/*...*/} -> export default class Module {/*...*/}

J'espère que cela aidera quelqu'un. =)

1
Yairopro