how to use require in main.js
I try to use axios in my main.js.
i tried import axios from 'axios'. ... I got error for import. I read here that I should use require instead of import.
after that I tried
var axios=require('axios');
but I got the error ....require is not defined.
after that I read about browserify. I installed it
npm install -g browserify
after that I used this code to bundle it
browserify main.js -o bundle.js
and I add this script to my index.html code.
<script src="bundle.js"></script>
but I got the same error
REQUIRE IS NOT DEFINED!!
I am actually confused. can somebody HELP ME!
appreciated
node.js axios browserify require
asked Nov 13 '18 at 10:05
mojtaba1mojtaba1
95
add a comment |
I try to use axios in my main.js.
i tried import axios from 'axios'. ... I got error for import. I read here that I should use require instead of import.
after that I tried
var axios=require('axios');
but I got the error ....require is not defined.
after that I read about browserify. I installed it
npm install -g browserify
after that I used this code to bundle it
browserify main.js -o bundle.js
and I add this script to my index.html code.
<script src="bundle.js"></script>
but I got the same error
REQUIRE IS NOT DEFINED!!
I am actually confused. can somebody HELP ME!
appreciated
node.js axios browserify require
asked Nov 13 '18 at 10:05
mojtaba1mojtaba1
95
I did the same thing as you did and it's working fine for me. I tried it both with a global browserify install, as you did, and with a local one, as @Shireesha suggests. Browserify bundles create arequirefunction at the very start of the script. Does yourbundle.jsstarts with some sort ofrequiredefinition? (code is obscure and without spaces so it is difficult to spot). I believe somehow yourbundle.jsis malformed. OR you're usingrequirein another script that you're loading into the HTML page BEFORE the bundle.
– Sergeon
Nov 13 '18 at 10:38
thank you for your time. ja, it starts with require. shall I change anything with the main.js or it remains intact? still the same ERROR
– mojtaba1
Nov 13 '18 at 10:51
You are not intended to change bundle files manually at all, in order for them to work. However, maybe it helps if you toss someconsole.logcalls in thebundle.jsfile, to check wether the error comes after thebundle.jsstart or before. On top of that: are you loading more javaScript files into the HTML page?
– Sergeon
Nov 13 '18 at 11:14
add a comment |
I try to use axios in my main.js.
i tried import axios from 'axios'. ... I got error for import. I read here that I should use require instead of import.
after that I tried
var axios=require('axios');
but I got the error ....require is not defined.
after that I read about browserify. I installed it
npm install -g browserify
after that I used this code to bundle it
browserify main.js -o bundle.js
and I add this script to my index.html code.
<script src="bundle.js"></script>
but I got the same error
REQUIRE IS NOT DEFINED!!
I am actually confused. can somebody HELP ME!
appreciated
node.js axios browserify require
asked Nov 13 '18 at 10:05
mojtaba1mojtaba1
95
I try to use axios in my main.js.
i tried import axios from 'axios'. ... I got error for import. I read here that I should use require instead of import.
after that I tried
var axios=require('axios');
but I got the error ....require is not defined.
after that I read about browserify. I installed it
npm install -g browserify
after that I used this code to bundle it
browserify main.js -o bundle.js
and I add this script to my index.html code.
<script src="bundle.js"></script>
but I got the same error
REQUIRE IS NOT DEFINED!!
I am actually confused. can somebody HELP ME!
appreciated
node.js axios browserify require
node.js axios browserify require
asked Nov 13 '18 at 10:05
mojtaba1mojtaba1
95
asked Nov 13 '18 at 10:05
mojtaba1mojtaba1
95
asked Nov 13 '18 at 10:05
mojtaba1mojtaba1
95
asked Nov 13 '18 at 10:05
mojtaba1mojtaba1
95
asked Nov 13 '18 at 10:05
mojtaba1mojtaba1
95
95
I did the same thing as you did and it's working fine for me. I tried it both with a global browserify install, as you did, and with a local one, as @Shireesha suggests. Browserify bundles create arequirefunction at the very start of the script. Does yourbundle.jsstarts with some sort ofrequiredefinition? (code is obscure and without spaces so it is difficult to spot). I believe somehow yourbundle.jsis malformed. OR you're usingrequirein another script that you're loading into the HTML page BEFORE the bundle.
– Sergeon
Nov 13 '18 at 10:38
thank you for your time. ja, it starts with require. shall I change anything with the main.js or it remains intact? still the same ERROR
– mojtaba1
Nov 13 '18 at 10:51
You are not intended to change bundle files manually at all, in order for them to work. However, maybe it helps if you toss someconsole.logcalls in thebundle.jsfile, to check wether the error comes after thebundle.jsstart or before. On top of that: are you loading more javaScript files into the HTML page?
– Sergeon
Nov 13 '18 at 11:14
add a comment |
I did the same thing as you did and it's working fine for me. I tried it both with a global browserify install, as you did, and with a local one, as @Shireesha suggests. Browserify bundles create arequirefunction at the very start of the script. Does yourbundle.jsstarts with some sort ofrequiredefinition? (code is obscure and without spaces so it is difficult to spot). I believe somehow yourbundle.jsis malformed. OR you're usingrequirein another script that you're loading into the HTML page BEFORE the bundle.
– Sergeon
Nov 13 '18 at 10:38
thank you for your time. ja, it starts with require. shall I change anything with the main.js or it remains intact? still the same ERROR
– mojtaba1
Nov 13 '18 at 10:51
You are not intended to change bundle files manually at all, in order for them to work. However, maybe it helps if you toss someconsole.logcalls in thebundle.jsfile, to check wether the error comes after thebundle.jsstart or before. On top of that: are you loading more javaScript files into the HTML page?
– Sergeon
Nov 13 '18 at 11:14
I did the same thing as you did and it's working fine for me. I tried it both with a global browserify install, as you did, and with a local one, as @Shireesha suggests. Browserify bundles create a
require function at the very start of the script. Does your bundle.js starts with some sort of require definition? (code is obscure and without spaces so it is difficult to spot). I believe somehow your bundle.js is malformed. OR you're using require in another script that you're loading into the HTML page BEFORE the bundle.– Sergeon
Nov 13 '18 at 10:38
I did the same thing as you did and it's working fine for me. I tried it both with a global browserify install, as you did, and with a local one, as @Shireesha suggests. Browserify bundles create a
require function at the very start of the script. Does your bundle.js starts with some sort of require definition? (code is obscure and without spaces so it is difficult to spot). I believe somehow your bundle.js is malformed. OR you're using require in another script that you're loading into the HTML page BEFORE the bundle.– Sergeon
Nov 13 '18 at 10:38
thank you for your time. ja, it starts with require. shall I change anything with the main.js or it remains intact? still the same ERROR
– mojtaba1
Nov 13 '18 at 10:51
thank you for your time. ja, it starts with require. shall I change anything with the main.js or it remains intact? still the same ERROR
– mojtaba1
Nov 13 '18 at 10:51
You are not intended to change bundle files manually at all, in order for them to work. However, maybe it helps if you toss some
console.log calls in the bundle.js file, to check wether the error comes after the bundle.js start or before. On top of that: are you loading more javaScript files into the HTML page?– Sergeon
Nov 13 '18 at 11:14
You are not intended to change bundle files manually at all, in order for them to work. However, maybe it helps if you toss some
console.log calls in the bundle.js file, to check wether the error comes after the bundle.js start or before. On top of that: are you loading more javaScript files into the HTML page?– Sergeon
Nov 13 '18 at 11:14
add a comment |
2 Answers
2
active
oldest
votes
npm install axios --save-dev
will help you to solve problem
answered Nov 13 '18 at 10:30
Shireesha ParampalliShireesha Parampalli
11012
add a comment |
By default require() is not a valid function in client side Javascript and is primarily used in server side Node.js. I recommend you look into require.js as this does extend the client side to provide you with that function. Or else go with ES6 import.
answered Nov 13 '18 at 12:42
Souvik DeySouvik Dey
15235
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%2f53278490%2fhow-to-use-require-in-main-js%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
npm install axios --save-dev
will help you to solve problem
answered Nov 13 '18 at 10:30
Shireesha ParampalliShireesha Parampalli
11012
add a comment |
npm install axios --save-dev
will help you to solve problem
answered Nov 13 '18 at 10:30
Shireesha ParampalliShireesha Parampalli
11012
add a comment |
npm install axios --save-dev
will help you to solve problem
answered Nov 13 '18 at 10:30
Shireesha ParampalliShireesha Parampalli
11012
npm install axios --save-dev
will help you to solve problem
answered Nov 13 '18 at 10:30
Shireesha ParampalliShireesha Parampalli
11012
answered Nov 13 '18 at 10:30
Shireesha ParampalliShireesha Parampalli
11012
answered Nov 13 '18 at 10:30
Shireesha ParampalliShireesha Parampalli
11012
answered Nov 13 '18 at 10:30
Shireesha ParampalliShireesha Parampalli
11012
11012
add a comment |
add a comment |
By default require() is not a valid function in client side Javascript and is primarily used in server side Node.js. I recommend you look into require.js as this does extend the client side to provide you with that function. Or else go with ES6 import.
answered Nov 13 '18 at 12:42
Souvik DeySouvik Dey
15235
add a comment |
By default require() is not a valid function in client side Javascript and is primarily used in server side Node.js. I recommend you look into require.js as this does extend the client side to provide you with that function. Or else go with ES6 import.
answered Nov 13 '18 at 12:42
Souvik DeySouvik Dey
15235
add a comment |
By default require() is not a valid function in client side Javascript and is primarily used in server side Node.js. I recommend you look into require.js as this does extend the client side to provide you with that function. Or else go with ES6 import.
answered Nov 13 '18 at 12:42
Souvik DeySouvik Dey
15235
By default require() is not a valid function in client side Javascript and is primarily used in server side Node.js. I recommend you look into require.js as this does extend the client side to provide you with that function. Or else go with ES6 import.
answered Nov 13 '18 at 12:42
Souvik DeySouvik Dey
15235
answered Nov 13 '18 at 12:42
Souvik DeySouvik Dey
15235
answered Nov 13 '18 at 12:42
Souvik DeySouvik Dey
15235
answered Nov 13 '18 at 12:42
Souvik DeySouvik Dey
15235
15235
add a comment |
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%2f53278490%2fhow-to-use-require-in-main-js%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
I did the same thing as you did and it's working fine for me. I tried it both with a global browserify install, as you did, and with a local one, as @Shireesha suggests. Browserify bundles create a
requirefunction at the very start of the script. Does yourbundle.jsstarts with some sort ofrequiredefinition? (code is obscure and without spaces so it is difficult to spot). I believe somehow yourbundle.jsis malformed. OR you're usingrequirein another script that you're loading into the HTML page BEFORE the bundle.– Sergeon
Nov 13 '18 at 10:38
thank you for your time. ja, it starts with require. shall I change anything with the main.js or it remains intact? still the same ERROR
– mojtaba1
Nov 13 '18 at 10:51
You are not intended to change bundle files manually at all, in order for them to work. However, maybe it helps if you toss some
console.logcalls in thebundle.jsfile, to check wether the error comes after thebundle.jsstart or before. On top of that: are you loading more javaScript files into the HTML page?– Sergeon
Nov 13 '18 at 11:14