No `render` method found on the returned component instance
I have initialized the basic react-native app by the command react-native init DummyProject
and try to compile and run it. but its giving me an error on debug console
Warning: AppContainer(...): No `render` method found on the returned component instance: you may have forgotten to define `render`.
and
TypeError: instance.render is not a function
This error is located at:
in AppContainer (at renderApplication.js:33)
The code and error my application is in this picture
I am experiencing this error even after removing node_modules and again installing the modules.
Making another app won't work either. Same error is occurring in every situation
The code of my App.js
import React, { Component } from "react";
import { Text, View } from "react-native";
export default class App extends Component {
constructor() {
super();
this.state = {
value: 1
};
}
render() {
return (
<View>
<Text>HELLO {this.state.value}</Text>
</View>
);
}
}
index.js
import { AppRegistry } from "react-native";
import App from "./App";
import { name as appName } from "./app.json";
AppRegistry.registerComponent(appName, () => App);
package.json
{
"name": "DummyProject",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"react": "16.6.1",
"react-native": "0.57.5"
},
"devDependencies": {
"babel-jest": "23.6.0",
"jest": "23.6.0",
"metro-react-native-babel-preset": "0.49.2",
"react-test-renderer": "16.6.1"
},
"jest": {
"preset": "react-native"
}
}
javascript react-native console.log
add a comment |
I have initialized the basic react-native app by the command react-native init DummyProject
and try to compile and run it. but its giving me an error on debug console
Warning: AppContainer(...): No `render` method found on the returned component instance: you may have forgotten to define `render`.
and
TypeError: instance.render is not a function
This error is located at:
in AppContainer (at renderApplication.js:33)
The code and error my application is in this picture
I am experiencing this error even after removing node_modules and again installing the modules.
Making another app won't work either. Same error is occurring in every situation
The code of my App.js
import React, { Component } from "react";
import { Text, View } from "react-native";
export default class App extends Component {
constructor() {
super();
this.state = {
value: 1
};
}
render() {
return (
<View>
<Text>HELLO {this.state.value}</Text>
</View>
);
}
}
index.js
import { AppRegistry } from "react-native";
import App from "./App";
import { name as appName } from "./app.json";
AppRegistry.registerComponent(appName, () => App);
package.json
{
"name": "DummyProject",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"react": "16.6.1",
"react-native": "0.57.5"
},
"devDependencies": {
"babel-jest": "23.6.0",
"jest": "23.6.0",
"metro-react-native-babel-preset": "0.49.2",
"react-test-renderer": "16.6.1"
},
"jest": {
"preset": "react-native"
}
}
javascript react-native console.log
Please provide codes as text inline to your question, not an image of it
– George Jempty
Nov 27 '18 at 5:23
is this all the code you have on your app? i just ran it and it works.. do you have a class named AppContainer?
– kivul
Nov 27 '18 at 9:05
Which RN version you are using ?
– Last Breath
Nov 27 '18 at 9:08
No @kivul I don't have any class named AppContainer
– Yash Lotan
Nov 27 '18 at 12:53
@LastBreath I am using"react-native": "0.57.5"
– Yash Lotan
Nov 27 '18 at 13:08
add a comment |
I have initialized the basic react-native app by the command react-native init DummyProject
and try to compile and run it. but its giving me an error on debug console
Warning: AppContainer(...): No `render` method found on the returned component instance: you may have forgotten to define `render`.
and
TypeError: instance.render is not a function
This error is located at:
in AppContainer (at renderApplication.js:33)
The code and error my application is in this picture
I am experiencing this error even after removing node_modules and again installing the modules.
Making another app won't work either. Same error is occurring in every situation
The code of my App.js
import React, { Component } from "react";
import { Text, View } from "react-native";
export default class App extends Component {
constructor() {
super();
this.state = {
value: 1
};
}
render() {
return (
<View>
<Text>HELLO {this.state.value}</Text>
</View>
);
}
}
index.js
import { AppRegistry } from "react-native";
import App from "./App";
import { name as appName } from "./app.json";
AppRegistry.registerComponent(appName, () => App);
package.json
{
"name": "DummyProject",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"react": "16.6.1",
"react-native": "0.57.5"
},
"devDependencies": {
"babel-jest": "23.6.0",
"jest": "23.6.0",
"metro-react-native-babel-preset": "0.49.2",
"react-test-renderer": "16.6.1"
},
"jest": {
"preset": "react-native"
}
}
javascript react-native console.log
I have initialized the basic react-native app by the command react-native init DummyProject
and try to compile and run it. but its giving me an error on debug console
Warning: AppContainer(...): No `render` method found on the returned component instance: you may have forgotten to define `render`.
and
TypeError: instance.render is not a function
This error is located at:
in AppContainer (at renderApplication.js:33)
The code and error my application is in this picture
I am experiencing this error even after removing node_modules and again installing the modules.
Making another app won't work either. Same error is occurring in every situation
The code of my App.js
import React, { Component } from "react";
import { Text, View } from "react-native";
export default class App extends Component {
constructor() {
super();
this.state = {
value: 1
};
}
render() {
return (
<View>
<Text>HELLO {this.state.value}</Text>
</View>
);
}
}
index.js
import { AppRegistry } from "react-native";
import App from "./App";
import { name as appName } from "./app.json";
AppRegistry.registerComponent(appName, () => App);
package.json
{
"name": "DummyProject",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"react": "16.6.1",
"react-native": "0.57.5"
},
"devDependencies": {
"babel-jest": "23.6.0",
"jest": "23.6.0",
"metro-react-native-babel-preset": "0.49.2",
"react-test-renderer": "16.6.1"
},
"jest": {
"preset": "react-native"
}
}
javascript react-native console.log
javascript react-native console.log
edited Nov 27 '18 at 12:55
Yash Lotan
asked Nov 27 '18 at 5:17
Yash LotanYash Lotan
123316
123316
Please provide codes as text inline to your question, not an image of it
– George Jempty
Nov 27 '18 at 5:23
is this all the code you have on your app? i just ran it and it works.. do you have a class named AppContainer?
– kivul
Nov 27 '18 at 9:05
Which RN version you are using ?
– Last Breath
Nov 27 '18 at 9:08
No @kivul I don't have any class named AppContainer
– Yash Lotan
Nov 27 '18 at 12:53
@LastBreath I am using"react-native": "0.57.5"
– Yash Lotan
Nov 27 '18 at 13:08
add a comment |
Please provide codes as text inline to your question, not an image of it
– George Jempty
Nov 27 '18 at 5:23
is this all the code you have on your app? i just ran it and it works.. do you have a class named AppContainer?
– kivul
Nov 27 '18 at 9:05
Which RN version you are using ?
– Last Breath
Nov 27 '18 at 9:08
No @kivul I don't have any class named AppContainer
– Yash Lotan
Nov 27 '18 at 12:53
@LastBreath I am using"react-native": "0.57.5"
– Yash Lotan
Nov 27 '18 at 13:08
Please provide codes as text inline to your question, not an image of it
– George Jempty
Nov 27 '18 at 5:23
Please provide codes as text inline to your question, not an image of it
– George Jempty
Nov 27 '18 at 5:23
is this all the code you have on your app? i just ran it and it works.. do you have a class named AppContainer?
– kivul
Nov 27 '18 at 9:05
is this all the code you have on your app? i just ran it and it works.. do you have a class named AppContainer?
– kivul
Nov 27 '18 at 9:05
Which RN version you are using ?
– Last Breath
Nov 27 '18 at 9:08
Which RN version you are using ?
– Last Breath
Nov 27 '18 at 9:08
No @kivul I don't have any class named AppContainer
– Yash Lotan
Nov 27 '18 at 12:53
No @kivul I don't have any class named AppContainer
– Yash Lotan
Nov 27 '18 at 12:53
@LastBreath I am using
"react-native": "0.57.5"
– Yash Lotan
Nov 27 '18 at 13:08
@LastBreath I am using
"react-native": "0.57.5"
– Yash Lotan
Nov 27 '18 at 13:08
add a comment |
1 Answer
1
active
oldest
votes
I tried your code and it work perfectly fine for me.
Maybe you are facing a cache issue, Try this: Delete the node_modules
folder and close the packager. Then reinstall using the command npm install
from your project directory.
After this try running your code again. It should work.
I already mentioned it, that removing node_modules and reinstalling them didn't fix the issue
– Yash Lotan
Nov 27 '18 at 13:07
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53493183%2fno-render-method-found-on-the-returned-component-instance%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I tried your code and it work perfectly fine for me.
Maybe you are facing a cache issue, Try this: Delete the node_modules
folder and close the packager. Then reinstall using the command npm install
from your project directory.
After this try running your code again. It should work.
I already mentioned it, that removing node_modules and reinstalling them didn't fix the issue
– Yash Lotan
Nov 27 '18 at 13:07
add a comment |
I tried your code and it work perfectly fine for me.
Maybe you are facing a cache issue, Try this: Delete the node_modules
folder and close the packager. Then reinstall using the command npm install
from your project directory.
After this try running your code again. It should work.
I already mentioned it, that removing node_modules and reinstalling them didn't fix the issue
– Yash Lotan
Nov 27 '18 at 13:07
add a comment |
I tried your code and it work perfectly fine for me.
Maybe you are facing a cache issue, Try this: Delete the node_modules
folder and close the packager. Then reinstall using the command npm install
from your project directory.
After this try running your code again. It should work.
I tried your code and it work perfectly fine for me.
Maybe you are facing a cache issue, Try this: Delete the node_modules
folder and close the packager. Then reinstall using the command npm install
from your project directory.
After this try running your code again. It should work.
answered Nov 27 '18 at 12:54
Manju BashaManju Basha
312420
312420
I already mentioned it, that removing node_modules and reinstalling them didn't fix the issue
– Yash Lotan
Nov 27 '18 at 13:07
add a comment |
I already mentioned it, that removing node_modules and reinstalling them didn't fix the issue
– Yash Lotan
Nov 27 '18 at 13:07
I already mentioned it, that removing node_modules and reinstalling them didn't fix the issue
– Yash Lotan
Nov 27 '18 at 13:07
I already mentioned it, that removing node_modules and reinstalling them didn't fix the issue
– Yash Lotan
Nov 27 '18 at 13:07
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53493183%2fno-render-method-found-on-the-returned-component-instance%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Please provide codes as text inline to your question, not an image of it
– George Jempty
Nov 27 '18 at 5:23
is this all the code you have on your app? i just ran it and it works.. do you have a class named AppContainer?
– kivul
Nov 27 '18 at 9:05
Which RN version you are using ?
– Last Breath
Nov 27 '18 at 9:08
No @kivul I don't have any class named AppContainer
– Yash Lotan
Nov 27 '18 at 12:53
@LastBreath I am using
"react-native": "0.57.5"
– Yash Lotan
Nov 27 '18 at 13:08