deploy npx create-react-app my-app in the server apache-http-server
I created react app using the "npx create-react-app". It's working fine. Here in thins case i used "npm start" to run my 'reactApplication'. But want to move it to "Apache HTTP" server,so I did run the command "npm run build", that generated some "build" folder. Up to here it's ok. But when I copied the "build" folder to the "ApacheHTTP" I'm not getting any output.
reactjs
add a comment |
I created react app using the "npx create-react-app". It's working fine. Here in thins case i used "npm start" to run my 'reactApplication'. But want to move it to "Apache HTTP" server,so I did run the command "npm run build", that generated some "build" folder. Up to here it's ok. But when I copied the "build" folder to the "ApacheHTTP" I'm not getting any output.
reactjs
What are the files under the "build" folder? Can you please list it on the question?
– varit05
Nov 23 '18 at 7:08
Are permissions correct? What's the output, is it outputting HTML? Right click => View Source. Do you see html? Do you see it trying to load your bundle.js file? Check the network tab, and refresh the page. Do the resources exist? Are you getting any console error messages?
– FrankerZ
Nov 23 '18 at 7:26
manifest.json asset-manifest.json precache-manifest.7f00308af35197f8f0b4d3b4d44f6855.js service-worker.js index.html static--folder inside static folder -- js folder(having related js files) inside static folder -- css folder(having related css files) ++++++++++++ Thank you varit and franker. Now I just inspected browser. So I found serveral 404 errors. Ex: in index.html, initially in my "build" folder I'm having "href="/manifest.json"" so I replaced with "href="/build/manifest.json" like that I did for all 'src' and 'href' it's worked fine. Because in my server other apps existed.
– Nag
Nov 23 '18 at 9:10
Do I need to write 'appname' in front of the 'href' and 'src' everytime
– Nag
Nov 23 '18 at 9:20
add a comment |
I created react app using the "npx create-react-app". It's working fine. Here in thins case i used "npm start" to run my 'reactApplication'. But want to move it to "Apache HTTP" server,so I did run the command "npm run build", that generated some "build" folder. Up to here it's ok. But when I copied the "build" folder to the "ApacheHTTP" I'm not getting any output.
reactjs
I created react app using the "npx create-react-app". It's working fine. Here in thins case i used "npm start" to run my 'reactApplication'. But want to move it to "Apache HTTP" server,so I did run the command "npm run build", that generated some "build" folder. Up to here it's ok. But when I copied the "build" folder to the "ApacheHTTP" I'm not getting any output.
reactjs
reactjs
asked Nov 23 '18 at 7:05
Nag
3018
3018
What are the files under the "build" folder? Can you please list it on the question?
– varit05
Nov 23 '18 at 7:08
Are permissions correct? What's the output, is it outputting HTML? Right click => View Source. Do you see html? Do you see it trying to load your bundle.js file? Check the network tab, and refresh the page. Do the resources exist? Are you getting any console error messages?
– FrankerZ
Nov 23 '18 at 7:26
manifest.json asset-manifest.json precache-manifest.7f00308af35197f8f0b4d3b4d44f6855.js service-worker.js index.html static--folder inside static folder -- js folder(having related js files) inside static folder -- css folder(having related css files) ++++++++++++ Thank you varit and franker. Now I just inspected browser. So I found serveral 404 errors. Ex: in index.html, initially in my "build" folder I'm having "href="/manifest.json"" so I replaced with "href="/build/manifest.json" like that I did for all 'src' and 'href' it's worked fine. Because in my server other apps existed.
– Nag
Nov 23 '18 at 9:10
Do I need to write 'appname' in front of the 'href' and 'src' everytime
– Nag
Nov 23 '18 at 9:20
add a comment |
What are the files under the "build" folder? Can you please list it on the question?
– varit05
Nov 23 '18 at 7:08
Are permissions correct? What's the output, is it outputting HTML? Right click => View Source. Do you see html? Do you see it trying to load your bundle.js file? Check the network tab, and refresh the page. Do the resources exist? Are you getting any console error messages?
– FrankerZ
Nov 23 '18 at 7:26
manifest.json asset-manifest.json precache-manifest.7f00308af35197f8f0b4d3b4d44f6855.js service-worker.js index.html static--folder inside static folder -- js folder(having related js files) inside static folder -- css folder(having related css files) ++++++++++++ Thank you varit and franker. Now I just inspected browser. So I found serveral 404 errors. Ex: in index.html, initially in my "build" folder I'm having "href="/manifest.json"" so I replaced with "href="/build/manifest.json" like that I did for all 'src' and 'href' it's worked fine. Because in my server other apps existed.
– Nag
Nov 23 '18 at 9:10
Do I need to write 'appname' in front of the 'href' and 'src' everytime
– Nag
Nov 23 '18 at 9:20
What are the files under the "build" folder? Can you please list it on the question?
– varit05
Nov 23 '18 at 7:08
What are the files under the "build" folder? Can you please list it on the question?
– varit05
Nov 23 '18 at 7:08
Are permissions correct? What's the output, is it outputting HTML? Right click => View Source. Do you see html? Do you see it trying to load your bundle.js file? Check the network tab, and refresh the page. Do the resources exist? Are you getting any console error messages?
– FrankerZ
Nov 23 '18 at 7:26
Are permissions correct? What's the output, is it outputting HTML? Right click => View Source. Do you see html? Do you see it trying to load your bundle.js file? Check the network tab, and refresh the page. Do the resources exist? Are you getting any console error messages?
– FrankerZ
Nov 23 '18 at 7:26
manifest.json asset-manifest.json precache-manifest.7f00308af35197f8f0b4d3b4d44f6855.js service-worker.js index.html static--folder inside static folder -- js folder(having related js files) inside static folder -- css folder(having related css files) ++++++++++++ Thank you varit and franker. Now I just inspected browser. So I found serveral 404 errors. Ex: in index.html, initially in my "build" folder I'm having "href="/manifest.json"" so I replaced with "href="/build/manifest.json" like that I did for all 'src' and 'href' it's worked fine. Because in my server other apps existed.
– Nag
Nov 23 '18 at 9:10
manifest.json asset-manifest.json precache-manifest.7f00308af35197f8f0b4d3b4d44f6855.js service-worker.js index.html static--folder inside static folder -- js folder(having related js files) inside static folder -- css folder(having related css files) ++++++++++++ Thank you varit and franker. Now I just inspected browser. So I found serveral 404 errors. Ex: in index.html, initially in my "build" folder I'm having "href="/manifest.json"" so I replaced with "href="/build/manifest.json" like that I did for all 'src' and 'href' it's worked fine. Because in my server other apps existed.
– Nag
Nov 23 '18 at 9:10
Do I need to write 'appname' in front of the 'href' and 'src' everytime
– Nag
Nov 23 '18 at 9:20
Do I need to write 'appname' in front of the 'href' and 'src' everytime
– Nag
Nov 23 '18 at 9:20
add a comment |
0
active
oldest
votes
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%2f53442034%2fdeploy-npx-create-react-app-my-app-in-the-server-apache-http-server%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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%2f53442034%2fdeploy-npx-create-react-app-my-app-in-the-server-apache-http-server%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
What are the files under the "build" folder? Can you please list it on the question?
– varit05
Nov 23 '18 at 7:08
Are permissions correct? What's the output, is it outputting HTML? Right click => View Source. Do you see html? Do you see it trying to load your bundle.js file? Check the network tab, and refresh the page. Do the resources exist? Are you getting any console error messages?
– FrankerZ
Nov 23 '18 at 7:26
manifest.json asset-manifest.json precache-manifest.7f00308af35197f8f0b4d3b4d44f6855.js service-worker.js index.html static--folder inside static folder -- js folder(having related js files) inside static folder -- css folder(having related css files) ++++++++++++ Thank you varit and franker. Now I just inspected browser. So I found serveral 404 errors. Ex: in index.html, initially in my "build" folder I'm having "href="/manifest.json"" so I replaced with "href="/build/manifest.json" like that I did for all 'src' and 'href' it's worked fine. Because in my server other apps existed.
– Nag
Nov 23 '18 at 9:10
Do I need to write 'appname' in front of the 'href' and 'src' everytime
– Nag
Nov 23 '18 at 9:20