を私はエミュレータ上でアプリケーションを実行しようとしていると私は、このエラーを参照してください -リアクトネイティブ:ポート関連のエラー
私は他の端末でコマンドに反応ネイティブスタートを実行しませんでした8081でパッケージャが稼働しています。
問題の原因は何ですか?
ありがとう
を私はエミュレータ上でアプリケーションを実行しようとしていると私は、このエラーを参照してください -リアクトネイティブ:ポート関連のエラー
私は他の端末でコマンドに反応ネイティブスタートを実行しませんでした8081でパッケージャが稼働しています。
問題の原因は何ですか?
ありがとう
「名前」というプロパティを2回定義すると構文エラーが発生することがあります。それを確認してみてください。
これはindex.android.js
/* @flow */
/**
* Android index
*/
'use strict';
var React = require('react-native');
var {
AppRegistry,
} = React;
/**
* Sample React Native App
* https://github.com/facebook/react-native
*/
var MobileApp = require('./components/Index');
AppRegistry.registerComponent('MobileApp',() => MobileApp);
であり、これはindex.jsは私がに新たなんだ
/* @flow */
/**
* Index with route mapper
*/
'use strict';
var React = require('react-native');
var {
View,
AppRegistry,
Navigator,
AsyncStorage,
} = React;
var settings = require('../config/settings'),
apiErrors = require('../stores/ApiErrors.json'),
Util = require('../utils/Util');
//Components
var Accounts = require('./Accounts'),
ActivityDashboard = require('./ActivityDashboard'),
Advice = require('./Advice'),
Dashboard = require('./Dashboard'),
History = require('./History'),
HealthQuiz = require('./HealthQuiz'),
HealthQuizCover = require('./HealthQuizCover'),
HealthQuizResult = require('./HealthQuizResult'),
HumanAPIConnect = require('./HumanAPIConnect'),
HumanConnectCordovaTest = require('./HumanConnectCordovaTest'),
LogIn = require('./LogIn'),
ManualAdd = require('./ManualAdd'),
MedicalInfo = require('./MedicalInfo'),
Overview = require('./Overview'),
Records = require('./Records'),
SignUp = require('./SignUp'),
WelcomeScenes = require('./WelcomeScenes');
if (settings.mode === 'dev') {
}
var RouteMapper = function(route, navigator) {
//Log route name
console.log('Route: ' + route.name);
if (route.name === 'Accounts') {
return (
<Accounts navigator={navigator} />
);
}
else if (route.name === 'ActivityDashboard') {
return (
<ActivityDashboard navigator={navigator} />
);
} else if (route.name === 'Advice') {
return (
<Advice navigator={navigator}
component={route.component}
/>
)
} else if (route.name === 'Dashboard') {
return (
<Dashboard navigator={navigator}
component={route.component}
/>
)
} else if (route.name === 'HealthQuiz') {
return (
<HealthQuiz navigator={navigator} />
);
} else if (route.name === 'HealthQuizCover') {
return (
<HealthQuizCover navigator={navigator} />
);
} else if (route.name === 'HealthQuizResult') {
return (
<HealthQuizResult navigator={navigator}
result={route.result}
/>
);
} else if (route.name === 'History') {
return (
<History navigator={navigator}
component={route.component}
metric={route.metric}
/>
)
} else if (route.name === 'HumanAPIConnect') {
return (
<HumanAPIConnect navigator={navigator} />
);
} else if (route.name === 'HumanConnectCordovaTest') {
return (
<HumanConnectCordovaTest navigator={navigator} />
);
} else if(route.name === 'LogIn') {
return (
<LogIn navigator={navigator} />
);
} else if (route.name === 'LogOut') {
AsyncStorage.multiRemove(['email', 'username', 'auth', 'gender', 'age']);
console.log('Route: LogIn');
return (
<LogIn navigator={navigator} />
);
} else if(route.name === 'ManualAdd') {
return (
<ManualAdd navigator={navigator} />
);
} else if (route.name === 'MedicalInfo') {
return (
<MedicalInfo navigator={navigator} />
);
} else if (route.name === 'Overview') {
return (
<Overview navigator={navigator}
mainSelection={true}
/>
);
} else if (route.name === 'Records') {
return (
<Records navigator={navigator}
component={route.component}
collection={route.collection}
/>
);
} else if (route.name === 'SignUp') {
return (
<SignUp navigator={navigator} />
);
} else if (route.name === 'WelcomeScenes') {
return (
<WelcomeScenes navigator={navigator}/>
);
}
};
var Index = React.createClass({
getInitialState: function() {
return {};
},
componentWillMount: function() {
AsyncStorage.multiGet(['username', 'auth', 'gender', 'age']).then((values) => {
var username = values[0][1],
auth = values[1][1],
gender = values[2][1],
age = values[3][1],
urlPattern = '/auth/confirm-auth/';
if (!(username && auth && gender && age)) {
console.log('No username and/or auth were found');
this.setState({initialRoute: 'LogIn'});
} else {
this.setState({'username': username, 'auth': auth});
Util.fetchAPIData(null, username, auth, urlPattern, null, this._handleAPIResponse,
this._onMissingConnection, this._handleFetchError, false);
}
}).done();
},
_onMissingConnection: function() {
this.setState({initialRoute: 'LogIn'});
},
_handleFetchError: function(error) {
console.log(error);
this.setState({initialRoute: 'LogIn'});
},
_handleAPIResponse: function(responseData) {
//Set initial route depending on whether or not credentials are valid
var initialRoute = (responseData.error == apiErrors.noError) ? 'Overview' : 'LogIn';
this.setState({initialRoute: initialRoute});
},
render: function() {
//For debugging purposes
if (settings.mode === 'dev') {
return (
<Navigator
initialRoute={{
name: 'Accounts'
}}
renderScene={RouteMapper}
/>
);
}
if (!('initialRoute' in this.state)) {
return <View/>;
}
return (
<Navigator
initialRoute={{
name: this.state.initialRoute
}}
renderScene={RouteMapper}
/>
);
},
});
module.exports = Index;
if(settings.mode === 'dev')ブロックを削除して実行してみてください。あなたのrender()で 'name'というプロパティの再定義が行われている可能性があります。 –
こんにちはフランツ、助けてくれてありがとうございましたが、うまくいきませんでした。 –
どのように見えるかです反応がネイティブなプログラミングではなく、 eエラーが実際にファイルを指していないので、どのファイル/どこをチェックするか。 –
いくつかのコードやindex.android.jsコードを表示することができれば、よろしくお願いいたします。 –
もう一度、以下のコードを含めていただきありがとうございます。 –