How to run the angular application i.e developed by using Angular CLI in VS2017?












0















Am working ASP.NET Web Application with Angular 6. For this, I created a solution/project by taking an empty Web Application template in Visual Studio 2017. With the help of Angular CLI, I added the Angular files successfully to the ASP.NET Empty project and the project structure looks like:



Whenever I am trying to run the code from VS 2017, then the Application won’t load main.ts file it only displays index.html content. But whenever I am trying to run the code from command prompt by entering the command as ng serve, then the application should launched successfully and load the main.ts file as well as display the UI/UX design.



So, can anyone suggest me what is the problem when I run the above angular application from VS2017 it won’t load the main.ts file? But the same application will work from command prompt using ng serve command.










share|improve this question























  • Why didn't you use the Angular template that comes with VS 2017? Or, are you one of those programmers that needs to do things the hard way?

    – R. Richards
    Nov 23 '18 at 12:44











  • @Thanks Richards, But my client requirement is like integrate Angular components with ASP.Net Web Application.

    – Pradeep
    Nov 23 '18 at 13:00











  • Then I would suggest starting another application with the Angular template, have a look at how that works, and see if that will give you some hints on how to proceed. Good luck!

    – R. Richards
    Nov 23 '18 at 13:10











  • Thanks @Richards, The angular template integrated with .net core, but I want the Angular template integrate with ASP.Net framework

    – Pradeep
    Nov 27 '18 at 4:41
















0















Am working ASP.NET Web Application with Angular 6. For this, I created a solution/project by taking an empty Web Application template in Visual Studio 2017. With the help of Angular CLI, I added the Angular files successfully to the ASP.NET Empty project and the project structure looks like:



Whenever I am trying to run the code from VS 2017, then the Application won’t load main.ts file it only displays index.html content. But whenever I am trying to run the code from command prompt by entering the command as ng serve, then the application should launched successfully and load the main.ts file as well as display the UI/UX design.



So, can anyone suggest me what is the problem when I run the above angular application from VS2017 it won’t load the main.ts file? But the same application will work from command prompt using ng serve command.










share|improve this question























  • Why didn't you use the Angular template that comes with VS 2017? Or, are you one of those programmers that needs to do things the hard way?

    – R. Richards
    Nov 23 '18 at 12:44











  • @Thanks Richards, But my client requirement is like integrate Angular components with ASP.Net Web Application.

    – Pradeep
    Nov 23 '18 at 13:00











  • Then I would suggest starting another application with the Angular template, have a look at how that works, and see if that will give you some hints on how to proceed. Good luck!

    – R. Richards
    Nov 23 '18 at 13:10











  • Thanks @Richards, The angular template integrated with .net core, but I want the Angular template integrate with ASP.Net framework

    – Pradeep
    Nov 27 '18 at 4:41














0












0








0








Am working ASP.NET Web Application with Angular 6. For this, I created a solution/project by taking an empty Web Application template in Visual Studio 2017. With the help of Angular CLI, I added the Angular files successfully to the ASP.NET Empty project and the project structure looks like:



Whenever I am trying to run the code from VS 2017, then the Application won’t load main.ts file it only displays index.html content. But whenever I am trying to run the code from command prompt by entering the command as ng serve, then the application should launched successfully and load the main.ts file as well as display the UI/UX design.



So, can anyone suggest me what is the problem when I run the above angular application from VS2017 it won’t load the main.ts file? But the same application will work from command prompt using ng serve command.










share|improve this question














Am working ASP.NET Web Application with Angular 6. For this, I created a solution/project by taking an empty Web Application template in Visual Studio 2017. With the help of Angular CLI, I added the Angular files successfully to the ASP.NET Empty project and the project structure looks like:



Whenever I am trying to run the code from VS 2017, then the Application won’t load main.ts file it only displays index.html content. But whenever I am trying to run the code from command prompt by entering the command as ng serve, then the application should launched successfully and load the main.ts file as well as display the UI/UX design.



So, can anyone suggest me what is the problem when I run the above angular application from VS2017 it won’t load the main.ts file? But the same application will work from command prompt using ng serve command.







asp.net angular visual-studio-2017 angular-cli angular-cli-v6






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 23 '18 at 12:27









PradeepPradeep

1,38951851




1,38951851













  • Why didn't you use the Angular template that comes with VS 2017? Or, are you one of those programmers that needs to do things the hard way?

    – R. Richards
    Nov 23 '18 at 12:44











  • @Thanks Richards, But my client requirement is like integrate Angular components with ASP.Net Web Application.

    – Pradeep
    Nov 23 '18 at 13:00











  • Then I would suggest starting another application with the Angular template, have a look at how that works, and see if that will give you some hints on how to proceed. Good luck!

    – R. Richards
    Nov 23 '18 at 13:10











  • Thanks @Richards, The angular template integrated with .net core, but I want the Angular template integrate with ASP.Net framework

    – Pradeep
    Nov 27 '18 at 4:41



















  • Why didn't you use the Angular template that comes with VS 2017? Or, are you one of those programmers that needs to do things the hard way?

    – R. Richards
    Nov 23 '18 at 12:44











  • @Thanks Richards, But my client requirement is like integrate Angular components with ASP.Net Web Application.

    – Pradeep
    Nov 23 '18 at 13:00











  • Then I would suggest starting another application with the Angular template, have a look at how that works, and see if that will give you some hints on how to proceed. Good luck!

    – R. Richards
    Nov 23 '18 at 13:10











  • Thanks @Richards, The angular template integrated with .net core, but I want the Angular template integrate with ASP.Net framework

    – Pradeep
    Nov 27 '18 at 4:41

















Why didn't you use the Angular template that comes with VS 2017? Or, are you one of those programmers that needs to do things the hard way?

– R. Richards
Nov 23 '18 at 12:44





Why didn't you use the Angular template that comes with VS 2017? Or, are you one of those programmers that needs to do things the hard way?

– R. Richards
Nov 23 '18 at 12:44













@Thanks Richards, But my client requirement is like integrate Angular components with ASP.Net Web Application.

– Pradeep
Nov 23 '18 at 13:00





@Thanks Richards, But my client requirement is like integrate Angular components with ASP.Net Web Application.

– Pradeep
Nov 23 '18 at 13:00













Then I would suggest starting another application with the Angular template, have a look at how that works, and see if that will give you some hints on how to proceed. Good luck!

– R. Richards
Nov 23 '18 at 13:10





Then I would suggest starting another application with the Angular template, have a look at how that works, and see if that will give you some hints on how to proceed. Good luck!

– R. Richards
Nov 23 '18 at 13:10













Thanks @Richards, The angular template integrated with .net core, but I want the Angular template integrate with ASP.Net framework

– Pradeep
Nov 27 '18 at 4:41





Thanks @Richards, The angular template integrated with .net core, but I want the Angular template integrate with ASP.Net framework

– Pradeep
Nov 27 '18 at 4:41












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
});


}
});














draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53446734%2fhow-to-run-the-angular-application-i-e-developed-by-using-angular-cli-in-vs2017%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
















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














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53446734%2fhow-to-run-the-angular-application-i-e-developed-by-using-angular-cli-in-vs2017%23new-answer', 'question_page');
}
);

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







這個網誌中的熱門文章

Academy of Television Arts & Sciences

L'Équipe

1995 France bombings