Deploy angular 6 in Azure
0
I am trying to deploy an example app on the azure portal and am encountering some difficulties.
At first I'm just testing, so I've created an angular app with just ng new poc-pwa-angular-v2. After that I went up to a Bitbucket repository.
In Azure I created a web application and in the deployment options I connected on bitbucket and set my master branch.
I tried to generate the scripts with kudu (deploy.cmd and .deployment), but I got an error on the first deploy.
Can anyone give a tip?
Look at my log.
Command: deploy.cmd
Handling node.js deployment.
Creating app_offline.htm
KuduSync.NET from: 'D:homesiterepository' to: 'D:homesitewwwroot'
Copying file: 'package.json'
Deleting app_offline.htm
Invalid start-up command "ng serve" in package.json. Please use the format "node <script relative path>".
Looking for app.js/server.js under site root.
Missing server.js/app.js files, web.config is not generated
The package.json file does not specify node.js engine version constraints.
The node.js application will run with the default node.js version 10.6.0.
Selected npm version 6.1.0
> poc-pwa-angular-v2@0.0.0 postinstall D:homesitewwwroot
> npm run build
> poc-pwa-angular-v2@0.0.0 build D:homesitewwwroot
> ng build
'ng' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! poc-pwa-angular-v2@0.0.0 build: `ng build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the poc-pwa-angular-v2@0.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! D:localAppDatanpm-cache_logs2018-11-13T22_16_35_989Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! poc-pwa-angular-v2@0.0.0 postinstall: `npm run build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the poc-pwa-angular-v2@0.0.0 postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
Failed exitCode=1, command="D:Program Files (x86)nodejs10.6.0node.exe" "D:Program Files (x86)npm6.1.0node_modulesnpmbinnpm-cli.js" install --production
npm ERR! D:localAppDatanpm-cache_logs2018-11-13T22_16_36_053Z-debug.log
An error has occurred during web site deployment.
Invalid start-up command "ng serve" in package.json. Please use the format "node <script relative path>".rnMissing server.js/app.js files, web.config is not generatedrn'ng' is not recognized as an internal or external command,rnoperable program or batch file.rnnpm ERR! code ELIFECYCLErnnpm ERR! errno 1rnnpm ERR! poc-pwa-angular-v2@0.0.0 build: `ng build`rnnpm ERR! Exit status 1rnnpm ERR! rnnpm ERR! Failed at the poc-pwa-angular-v2@0.0.0 build script.rnnpm ERR! This is probably not a problem with npm. There is likely additional logging output above.rnrnnpm ERR! A complete log of this run can be found in:rnnpm ERR! D:localAppDatanpm-cache_logs2018-11-13T22_16_35_989Z-debug.logrnnpm ERR! code ELIFECYCLErnnpm ERR! errno 1rnnpm ERR! poc-pwa-angular-v2@0.0.0 postinstall: `npm run build`rnnpm ERR! Exit status 1rnnpm ERR! rnnpm ERR! Failed at the poc-pwa-angular-v2@0.0.0 postinstall script.rnnpm ERR! This is probably not a problem with npm. There is likely additional logging output above.rnrnnpm ERR! A complete log of this run can be found in:rnnpm ERR! D:localAppDatanpm-cache_logs2018-11-13T22_16_36_053Z-debug.logrnD:Program Files (x86)SiteExtensionsKudu78.11022.3613binScriptsstarter.cmd deploy.cmd
javascript angular
azure azure-devops devops asked Nov 13 '18 at 23:26
lamslams
328
add a comment |
0
I am trying to deploy an example app on the azure portal and am encountering some difficulties.
At first I'm just testing, so I've created an angular app with just ng new poc-pwa-angular-v2. After that I went up to a Bitbucket repository.
In Azure I created a web application and in the deployment options I connected on bitbucket and set my master branch.
I tried to generate the scripts with kudu (deploy.cmd and .deployment), but I got an error on the first deploy.
Can anyone give a tip?
Look at my log.
Command: deploy.cmd
Handling node.js deployment.
Creating app_offline.htm
KuduSync.NET from: 'D:homesiterepository' to: 'D:homesitewwwroot'
Copying file: 'package.json'
Deleting app_offline.htm
Invalid start-up command "ng serve" in package.json. Please use the format "node <script relative path>".
Looking for app.js/server.js under site root.
Missing server.js/app.js files, web.config is not generated
The package.json file does not specify node.js engine version constraints.
The node.js application will run with the default node.js version 10.6.0.
Selected npm version 6.1.0
> poc-pwa-angular-v2@0.0.0 postinstall D:homesitewwwroot
> npm run build
> poc-pwa-angular-v2@0.0.0 build D:homesitewwwroot
> ng build
'ng' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! poc-pwa-angular-v2@0.0.0 build: `ng build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the poc-pwa-angular-v2@0.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! D:localAppDatanpm-cache_logs2018-11-13T22_16_35_989Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! poc-pwa-angular-v2@0.0.0 postinstall: `npm run build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the poc-pwa-angular-v2@0.0.0 postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
Failed exitCode=1, command="D:Program Files (x86)nodejs10.6.0node.exe" "D:Program Files (x86)npm6.1.0node_modulesnpmbinnpm-cli.js" install --production
npm ERR! D:localAppDatanpm-cache_logs2018-11-13T22_16_36_053Z-debug.log
An error has occurred during web site deployment.
Invalid start-up command "ng serve" in package.json. Please use the format "node <script relative path>".rnMissing server.js/app.js files, web.config is not generatedrn'ng' is not recognized as an internal or external command,rnoperable program or batch file.rnnpm ERR! code ELIFECYCLErnnpm ERR! errno 1rnnpm ERR! poc-pwa-angular-v2@0.0.0 build: `ng build`rnnpm ERR! Exit status 1rnnpm ERR! rnnpm ERR! Failed at the poc-pwa-angular-v2@0.0.0 build script.rnnpm ERR! This is probably not a problem with npm. There is likely additional logging output above.rnrnnpm ERR! A complete log of this run can be found in:rnnpm ERR! D:localAppDatanpm-cache_logs2018-11-13T22_16_35_989Z-debug.logrnnpm ERR! code ELIFECYCLErnnpm ERR! errno 1rnnpm ERR! poc-pwa-angular-v2@0.0.0 postinstall: `npm run build`rnnpm ERR! Exit status 1rnnpm ERR! rnnpm ERR! Failed at the poc-pwa-angular-v2@0.0.0 postinstall script.rnnpm ERR! This is probably not a problem with npm. There is likely additional logging output above.rnrnnpm ERR! A complete log of this run can be found in:rnnpm ERR! D:localAppDatanpm-cache_logs2018-11-13T22_16_36_053Z-debug.logrnD:Program Files (x86)SiteExtensionsKudu78.11022.3613binScriptsstarter.cmd deploy.cmd
javascript angular
azure azure-devops devops asked Nov 13 '18 at 23:26
lamslams
328
1
If you're copying the built files within thedistdirectory (which is a good thing), you don't need the ones in thesrcdirectory, nor do you need to callng serve-- you just need to access theindex.htmlfromdist
– user184994
Nov 13 '18 at 23:30
@user184994 I updated my logo. I ran the "ng build prod" command to generate the files in the dist folder. This is my package.json ` { "name": "poc-pwa-angular-v2", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e", "postinstall": "npm run build" },`
– lams
Nov 13 '18 at 23:37
1
Yep, you're still callingng servelooking at that error message. You don't need to callng serve-- that's only for local development. You just need to serve the files within thedistdirectory
– user184994
Nov 13 '18 at 23:40
@user184994 Thanks for the clarification, in this case I removed from the package.json the "script" block and went up again and it worked
– lams
Nov 14 '18 at 11:20
add a comment |
0
0
0
I am trying to deploy an example app on the azure portal and am encountering some difficulties.
At first I'm just testing, so I've created an angular app with just ng new poc-pwa-angular-v2. After that I went up to a Bitbucket repository.
In Azure I created a web application and in the deployment options I connected on bitbucket and set my master branch.
I tried to generate the scripts with kudu (deploy.cmd and .deployment), but I got an error on the first deploy.
Can anyone give a tip?
Look at my log.
Command: deploy.cmd
Handling node.js deployment.
Creating app_offline.htm
KuduSync.NET from: 'D:homesiterepository' to: 'D:homesitewwwroot'
Copying file: 'package.json'
Deleting app_offline.htm
Invalid start-up command "ng serve" in package.json. Please use the format "node <script relative path>".
Looking for app.js/server.js under site root.
Missing server.js/app.js files, web.config is not generated
The package.json file does not specify node.js engine version constraints.
The node.js application will run with the default node.js version 10.6.0.
Selected npm version 6.1.0
> poc-pwa-angular-v2@0.0.0 postinstall D:homesitewwwroot
> npm run build
> poc-pwa-angular-v2@0.0.0 build D:homesitewwwroot
> ng build
'ng' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! poc-pwa-angular-v2@0.0.0 build: `ng build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the poc-pwa-angular-v2@0.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! D:localAppDatanpm-cache_logs2018-11-13T22_16_35_989Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! poc-pwa-angular-v2@0.0.0 postinstall: `npm run build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the poc-pwa-angular-v2@0.0.0 postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
Failed exitCode=1, command="D:Program Files (x86)nodejs10.6.0node.exe" "D:Program Files (x86)npm6.1.0node_modulesnpmbinnpm-cli.js" install --production
npm ERR! D:localAppDatanpm-cache_logs2018-11-13T22_16_36_053Z-debug.log
An error has occurred during web site deployment.
Invalid start-up command "ng serve" in package.json. Please use the format "node <script relative path>".rnMissing server.js/app.js files, web.config is not generatedrn'ng' is not recognized as an internal or external command,rnoperable program or batch file.rnnpm ERR! code ELIFECYCLErnnpm ERR! errno 1rnnpm ERR! poc-pwa-angular-v2@0.0.0 build: `ng build`rnnpm ERR! Exit status 1rnnpm ERR! rnnpm ERR! Failed at the poc-pwa-angular-v2@0.0.0 build script.rnnpm ERR! This is probably not a problem with npm. There is likely additional logging output above.rnrnnpm ERR! A complete log of this run can be found in:rnnpm ERR! D:localAppDatanpm-cache_logs2018-11-13T22_16_35_989Z-debug.logrnnpm ERR! code ELIFECYCLErnnpm ERR! errno 1rnnpm ERR! poc-pwa-angular-v2@0.0.0 postinstall: `npm run build`rnnpm ERR! Exit status 1rnnpm ERR! rnnpm ERR! Failed at the poc-pwa-angular-v2@0.0.0 postinstall script.rnnpm ERR! This is probably not a problem with npm. There is likely additional logging output above.rnrnnpm ERR! A complete log of this run can be found in:rnnpm ERR! D:localAppDatanpm-cache_logs2018-11-13T22_16_36_053Z-debug.logrnD:Program Files (x86)SiteExtensionsKudu78.11022.3613binScriptsstarter.cmd deploy.cmd
javascript angular
azure azure-devops devops asked Nov 13 '18 at 23:26
lamslams
328
I am trying to deploy an example app on the azure portal and am encountering some difficulties.
At first I'm just testing, so I've created an angular app with just ng new poc-pwa-angular-v2. After that I went up to a Bitbucket repository.
In Azure I created a web application and in the deployment options I connected on bitbucket and set my master branch.
I tried to generate the scripts with kudu (deploy.cmd and .deployment), but I got an error on the first deploy.
Can anyone give a tip?
Look at my log.
Command: deploy.cmd
Handling node.js deployment.
Creating app_offline.htm
KuduSync.NET from: 'D:homesiterepository' to: 'D:homesitewwwroot'
Copying file: 'package.json'
Deleting app_offline.htm
Invalid start-up command "ng serve" in package.json. Please use the format "node <script relative path>".
Looking for app.js/server.js under site root.
Missing server.js/app.js files, web.config is not generated
The package.json file does not specify node.js engine version constraints.
The node.js application will run with the default node.js version 10.6.0.
Selected npm version 6.1.0
> poc-pwa-angular-v2@0.0.0 postinstall D:homesitewwwroot
> npm run build
> poc-pwa-angular-v2@0.0.0 build D:homesitewwwroot
> ng build
'ng' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! poc-pwa-angular-v2@0.0.0 build: `ng build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the poc-pwa-angular-v2@0.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! D:localAppDatanpm-cache_logs2018-11-13T22_16_35_989Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! poc-pwa-angular-v2@0.0.0 postinstall: `npm run build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the poc-pwa-angular-v2@0.0.0 postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
Failed exitCode=1, command="D:Program Files (x86)nodejs10.6.0node.exe" "D:Program Files (x86)npm6.1.0node_modulesnpmbinnpm-cli.js" install --production
npm ERR! D:localAppDatanpm-cache_logs2018-11-13T22_16_36_053Z-debug.log
An error has occurred during web site deployment.
Invalid start-up command "ng serve" in package.json. Please use the format "node <script relative path>".rnMissing server.js/app.js files, web.config is not generatedrn'ng' is not recognized as an internal or external command,rnoperable program or batch file.rnnpm ERR! code ELIFECYCLErnnpm ERR! errno 1rnnpm ERR! poc-pwa-angular-v2@0.0.0 build: `ng build`rnnpm ERR! Exit status 1rnnpm ERR! rnnpm ERR! Failed at the poc-pwa-angular-v2@0.0.0 build script.rnnpm ERR! This is probably not a problem with npm. There is likely additional logging output above.rnrnnpm ERR! A complete log of this run can be found in:rnnpm ERR! D:localAppDatanpm-cache_logs2018-11-13T22_16_35_989Z-debug.logrnnpm ERR! code ELIFECYCLErnnpm ERR! errno 1rnnpm ERR! poc-pwa-angular-v2@0.0.0 postinstall: `npm run build`rnnpm ERR! Exit status 1rnnpm ERR! rnnpm ERR! Failed at the poc-pwa-angular-v2@0.0.0 postinstall script.rnnpm ERR! This is probably not a problem with npm. There is likely additional logging output above.rnrnnpm ERR! A complete log of this run can be found in:rnnpm ERR! D:localAppDatanpm-cache_logs2018-11-13T22_16_36_053Z-debug.logrnD:Program Files (x86)SiteExtensionsKudu78.11022.3613binScriptsstarter.cmd deploy.cmd
javascript angular
azure azure-devops devops javascript angular
azure azure-devops devops asked Nov 13 '18 at 23:26
lamslams
328
asked Nov 13 '18 at 23:26
lamslams
328
edited Nov 13 '18 at 23:32
lams
asked Nov 13 '18 at 23:26
lamslams
328
asked Nov 13 '18 at 23:26
lamslams
328
asked Nov 13 '18 at 23:26
lamslams
328
328
1
If you're copying the built files within thedistdirectory (which is a good thing), you don't need the ones in thesrcdirectory, nor do you need to callng serve-- you just need to access theindex.htmlfromdist
– user184994
Nov 13 '18 at 23:30
@user184994 I updated my logo. I ran the "ng build prod" command to generate the files in the dist folder. This is my package.json ` { "name": "poc-pwa-angular-v2", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e", "postinstall": "npm run build" },`
– lams
Nov 13 '18 at 23:37
1
Yep, you're still callingng servelooking at that error message. You don't need to callng serve-- that's only for local development. You just need to serve the files within thedistdirectory
– user184994
Nov 13 '18 at 23:40
@user184994 Thanks for the clarification, in this case I removed from the package.json the "script" block and went up again and it worked
– lams
Nov 14 '18 at 11:20
add a comment |
1
If you're copying the built files within thedistdirectory (which is a good thing), you don't need the ones in thesrcdirectory, nor do you need to callng serve-- you just need to access theindex.htmlfromdist
– user184994
Nov 13 '18 at 23:30
@user184994 I updated my logo. I ran the "ng build prod" command to generate the files in the dist folder. This is my package.json ` { "name": "poc-pwa-angular-v2", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e", "postinstall": "npm run build" },`
– lams
Nov 13 '18 at 23:37
1
Yep, you're still callingng servelooking at that error message. You don't need to callng serve-- that's only for local development. You just need to serve the files within thedistdirectory
– user184994
Nov 13 '18 at 23:40
@user184994 Thanks for the clarification, in this case I removed from the package.json the "script" block and went up again and it worked
– lams
Nov 14 '18 at 11:20
1
1
If you're copying the built files within the
dist directory (which is a good thing), you don't need the ones in the src directory, nor do you need to call ng serve-- you just need to access the index.html from dist– user184994
Nov 13 '18 at 23:30
If you're copying the built files within the
dist directory (which is a good thing), you don't need the ones in the src directory, nor do you need to call ng serve-- you just need to access the index.html from dist– user184994
Nov 13 '18 at 23:30
@user184994 I updated my logo. I ran the "ng build prod" command to generate the files in the dist folder. This is my package.json ` { "name": "poc-pwa-angular-v2", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e", "postinstall": "npm run build" },`
– lams
Nov 13 '18 at 23:37
@user184994 I updated my logo. I ran the "ng build prod" command to generate the files in the dist folder. This is my package.json ` { "name": "poc-pwa-angular-v2", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e", "postinstall": "npm run build" },`
– lams
Nov 13 '18 at 23:37
1
1
Yep, you're still calling
ng serve looking at that error message. You don't need to call ng serve-- that's only for local development. You just need to serve the files within the dist directory– user184994
Nov 13 '18 at 23:40
Yep, you're still calling
ng serve looking at that error message. You don't need to call ng serve-- that's only for local development. You just need to serve the files within the dist directory– user184994
Nov 13 '18 at 23:40
@user184994 Thanks for the clarification, in this case I removed from the package.json the "script" block and went up again and it worked
– lams
Nov 14 '18 at 11:20
@user184994 Thanks for the clarification, in this case I removed from the package.json the "script" block and went up again and it worked
– lams
Nov 14 '18 at 11:20
add a comment |
2 Answers
2
active
oldest
votes
2
The issue is that on Azure Angular cli is not installed.
You will need to do ng build locally(or as part of your build and release pipe line. You can also use Azure DevOps builds for that where you have 240 build minutes for free) and upload it to (just options):
- Azure App service.
- Upload it to blob storage and use Azure functions proxy to serve your files.
- If you need server side rendering then you will need to upload it as an NodeJs app or part of .net app
answered Nov 13 '18 at 23:35
Volodymyr BilyachatVolodymyr Bilyachat
9,16222848
add a comment |
0
Thanks for the time of yours, in this case I removed the package.json script block and went up again and it worked.
...
"version": "0.0.0",
"scripts": {
},
...
answered Nov 14 '18 at 11:21
lamslams
328
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
});
}
});
draft saved
draft discarded
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%2f53290987%2fdeploy-angular-6-in-azure%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
2
The issue is that on Azure Angular cli is not installed.
You will need to do ng build locally(or as part of your build and release pipe line. You can also use Azure DevOps builds for that where you have 240 build minutes for free) and upload it to (just options):
- Azure App service.
- Upload it to blob storage and use Azure functions proxy to serve your files.
- If you need server side rendering then you will need to upload it as an NodeJs app or part of .net app
answered Nov 13 '18 at 23:35
Volodymyr BilyachatVolodymyr Bilyachat
9,16222848
add a comment |
2
The issue is that on Azure Angular cli is not installed.
You will need to do ng build locally(or as part of your build and release pipe line. You can also use Azure DevOps builds for that where you have 240 build minutes for free) and upload it to (just options):
- Azure App service.
- Upload it to blob storage and use Azure functions proxy to serve your files.
- If you need server side rendering then you will need to upload it as an NodeJs app or part of .net app
answered Nov 13 '18 at 23:35
Volodymyr BilyachatVolodymyr Bilyachat
9,16222848
add a comment |
2
2
2
The issue is that on Azure Angular cli is not installed.
You will need to do ng build locally(or as part of your build and release pipe line. You can also use Azure DevOps builds for that where you have 240 build minutes for free) and upload it to (just options):
- Azure App service.
- Upload it to blob storage and use Azure functions proxy to serve your files.
- If you need server side rendering then you will need to upload it as an NodeJs app or part of .net app
answered Nov 13 '18 at 23:35
Volodymyr BilyachatVolodymyr Bilyachat
9,16222848
The issue is that on Azure Angular cli is not installed.
You will need to do ng build locally(or as part of your build and release pipe line. You can also use Azure DevOps builds for that where you have 240 build minutes for free) and upload it to (just options):
- Azure App service.
- Upload it to blob storage and use Azure functions proxy to serve your files.
- If you need server side rendering then you will need to upload it as an NodeJs app or part of .net app
answered Nov 13 '18 at 23:35
Volodymyr BilyachatVolodymyr Bilyachat
9,16222848
answered Nov 13 '18 at 23:35
Volodymyr BilyachatVolodymyr Bilyachat
9,16222848
answered Nov 13 '18 at 23:35
Volodymyr BilyachatVolodymyr Bilyachat
9,16222848
answered Nov 13 '18 at 23:35
Volodymyr BilyachatVolodymyr Bilyachat
9,16222848
9,16222848
add a comment |
add a comment |
0
Thanks for the time of yours, in this case I removed the package.json script block and went up again and it worked.
...
"version": "0.0.0",
"scripts": {
},
...
answered Nov 14 '18 at 11:21
lamslams
328
add a comment |
0
Thanks for the time of yours, in this case I removed the package.json script block and went up again and it worked.
...
"version": "0.0.0",
"scripts": {
},
...
answered Nov 14 '18 at 11:21
lamslams
328
add a comment |
0
0
0
Thanks for the time of yours, in this case I removed the package.json script block and went up again and it worked.
...
"version": "0.0.0",
"scripts": {
},
...
answered Nov 14 '18 at 11:21
lamslams
328
Thanks for the time of yours, in this case I removed the package.json script block and went up again and it worked.
...
"version": "0.0.0",
"scripts": {
},
...
answered Nov 14 '18 at 11:21
lamslams
328
answered Nov 14 '18 at 11:21
lamslams
328
answered Nov 14 '18 at 11:21
lamslams
328
answered Nov 14 '18 at 11:21
lamslams
328
328
add a comment |
add a comment |
draft saved
draft discarded
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.
draft saved
draft discarded
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%2f53290987%2fdeploy-angular-6-in-azure%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
1
If you're copying the built files within the
distdirectory (which is a good thing), you don't need the ones in thesrcdirectory, nor do you need to callng serve-- you just need to access theindex.htmlfromdist– user184994
Nov 13 '18 at 23:30
@user184994 I updated my logo. I ran the "ng build prod" command to generate the files in the dist folder. This is my package.json ` { "name": "poc-pwa-angular-v2", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e", "postinstall": "npm run build" },`
– lams
Nov 13 '18 at 23:37
1
Yep, you're still calling
ng servelooking at that error message. You don't need to callng serve-- that's only for local development. You just need to serve the files within thedistdirectory– user184994
Nov 13 '18 at 23:40
@user184994 Thanks for the clarification, in this case I removed from the package.json the "script" block and went up again and it worked
– lams
Nov 14 '18 at 11:20