React, Getting error: Uncaught ReferenceError: require is not defined
I have a project where I use both react and node (express). When I link to react using src="https://unpkg.com/react@16/umd/react.development.js" etc.. I have no problem using react with JSX in the project, but when I try to import like this:
import React from "react";
I get the error: Uncaught ReferenceError: require is not defined
This kind of "handicaps" me since I want to use modules like axios etc..
I am not using any module bundler
Thanks for any help!
javascript node.js reactjs express jsx
asked Nov 20 '18 at 21:55
ANicholassonANicholasson
187
add a comment |
I have a project where I use both react and node (express). When I link to react using src="https://unpkg.com/react@16/umd/react.development.js" etc.. I have no problem using react with JSX in the project, but when I try to import like this:
import React from "react";
I get the error: Uncaught ReferenceError: require is not defined
This kind of "handicaps" me since I want to use modules like axios etc..
I am not using any module bundler
Thanks for any help!
javascript node.js reactjs express jsx
asked Nov 20 '18 at 21:55
ANicholassonANicholasson
187
add a comment |
I have a project where I use both react and node (express). When I link to react using src="https://unpkg.com/react@16/umd/react.development.js" etc.. I have no problem using react with JSX in the project, but when I try to import like this:
import React from "react";
I get the error: Uncaught ReferenceError: require is not defined
This kind of "handicaps" me since I want to use modules like axios etc..
I am not using any module bundler
Thanks for any help!
javascript node.js reactjs express jsx
asked Nov 20 '18 at 21:55
ANicholassonANicholasson
187
I have a project where I use both react and node (express). When I link to react using src="https://unpkg.com/react@16/umd/react.development.js" etc.. I have no problem using react with JSX in the project, but when I try to import like this:
import React from "react";
I get the error: Uncaught ReferenceError: require is not defined
This kind of "handicaps" me since I want to use modules like axios etc..
I am not using any module bundler
Thanks for any help!
javascript node.js reactjs express jsx
javascript node.js reactjs express jsx
asked Nov 20 '18 at 21:55
ANicholassonANicholasson
187
asked Nov 20 '18 at 21:55
ANicholassonANicholasson
187
edited Nov 20 '18 at 22:09
ANicholasson
asked Nov 20 '18 at 21:55
ANicholassonANicholasson
187
asked Nov 20 '18 at 21:55
ANicholassonANicholasson
187
asked Nov 20 '18 at 21:55
ANicholassonANicholasson
187
187
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Don't know if I fully understand the question but you seem to be using React.js from a cdn link. With no module bundler. So why are you importing it also? You've already "imported" React.js from your cdn link. =) No need to import it again. The import statement is when you use modules and import them like that with the ES6 syntax. If you want to do that use create-react-app instead.
answered Nov 20 '18 at 22:36
weibenfalkweibenfalk
52117
I was just using the react import as an example. There are other modules I would like to import. Is there another way without using create-react-app??
– ANicholasson
Nov 21 '18 at 1:55
As far as I know you have to use a module bundler like Webpack and also babel if your'e using ES6 syntax like above. Otherwise you have to load your modules by a link like you do with react.development.js
– weibenfalk
Nov 21 '18 at 8:54
okey! Thanks for the help :D
– ANicholasson
Nov 21 '18 at 16:17
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%2f53402182%2freact-getting-error-uncaught-referenceerror-require-is-not-defined%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
Don't know if I fully understand the question but you seem to be using React.js from a cdn link. With no module bundler. So why are you importing it also? You've already "imported" React.js from your cdn link. =) No need to import it again. The import statement is when you use modules and import them like that with the ES6 syntax. If you want to do that use create-react-app instead.
answered Nov 20 '18 at 22:36
weibenfalkweibenfalk
52117
I was just using the react import as an example. There are other modules I would like to import. Is there another way without using create-react-app??
– ANicholasson
Nov 21 '18 at 1:55
As far as I know you have to use a module bundler like Webpack and also babel if your'e using ES6 syntax like above. Otherwise you have to load your modules by a link like you do with react.development.js
– weibenfalk
Nov 21 '18 at 8:54
okey! Thanks for the help :D
– ANicholasson
Nov 21 '18 at 16:17
add a comment |
Don't know if I fully understand the question but you seem to be using React.js from a cdn link. With no module bundler. So why are you importing it also? You've already "imported" React.js from your cdn link. =) No need to import it again. The import statement is when you use modules and import them like that with the ES6 syntax. If you want to do that use create-react-app instead.
answered Nov 20 '18 at 22:36
weibenfalkweibenfalk
52117
I was just using the react import as an example. There are other modules I would like to import. Is there another way without using create-react-app??
– ANicholasson
Nov 21 '18 at 1:55
As far as I know you have to use a module bundler like Webpack and also babel if your'e using ES6 syntax like above. Otherwise you have to load your modules by a link like you do with react.development.js
– weibenfalk
Nov 21 '18 at 8:54
okey! Thanks for the help :D
– ANicholasson
Nov 21 '18 at 16:17
add a comment |
Don't know if I fully understand the question but you seem to be using React.js from a cdn link. With no module bundler. So why are you importing it also? You've already "imported" React.js from your cdn link. =) No need to import it again. The import statement is when you use modules and import them like that with the ES6 syntax. If you want to do that use create-react-app instead.
answered Nov 20 '18 at 22:36
weibenfalkweibenfalk
52117
Don't know if I fully understand the question but you seem to be using React.js from a cdn link. With no module bundler. So why are you importing it also? You've already "imported" React.js from your cdn link. =) No need to import it again. The import statement is when you use modules and import them like that with the ES6 syntax. If you want to do that use create-react-app instead.
answered Nov 20 '18 at 22:36
weibenfalkweibenfalk
52117
answered Nov 20 '18 at 22:36
weibenfalkweibenfalk
52117
answered Nov 20 '18 at 22:36
weibenfalkweibenfalk
52117
answered Nov 20 '18 at 22:36
weibenfalkweibenfalk
52117
52117
I was just using the react import as an example. There are other modules I would like to import. Is there another way without using create-react-app??
– ANicholasson
Nov 21 '18 at 1:55
As far as I know you have to use a module bundler like Webpack and also babel if your'e using ES6 syntax like above. Otherwise you have to load your modules by a link like you do with react.development.js
– weibenfalk
Nov 21 '18 at 8:54
okey! Thanks for the help :D
– ANicholasson
Nov 21 '18 at 16:17
add a comment |
I was just using the react import as an example. There are other modules I would like to import. Is there another way without using create-react-app??
– ANicholasson
Nov 21 '18 at 1:55
As far as I know you have to use a module bundler like Webpack and also babel if your'e using ES6 syntax like above. Otherwise you have to load your modules by a link like you do with react.development.js
– weibenfalk
Nov 21 '18 at 8:54
okey! Thanks for the help :D
– ANicholasson
Nov 21 '18 at 16:17
I was just using the react import as an example. There are other modules I would like to import. Is there another way without using create-react-app??
– ANicholasson
Nov 21 '18 at 1:55
I was just using the react import as an example. There are other modules I would like to import. Is there another way without using create-react-app??
– ANicholasson
Nov 21 '18 at 1:55
As far as I know you have to use a module bundler like Webpack and also babel if your'e using ES6 syntax like above. Otherwise you have to load your modules by a link like you do with react.development.js
– weibenfalk
Nov 21 '18 at 8:54
As far as I know you have to use a module bundler like Webpack and also babel if your'e using ES6 syntax like above. Otherwise you have to load your modules by a link like you do with react.development.js
– weibenfalk
Nov 21 '18 at 8:54
okey! Thanks for the help :D
– ANicholasson
Nov 21 '18 at 16:17
okey! Thanks for the help :D
– ANicholasson
Nov 21 '18 at 16:17
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%2f53402182%2freact-getting-error-uncaught-referenceerror-require-is-not-defined%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
