blocks|key|1552187|text|我可以通过这些步骤运行angular+cli。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1552188|1552189|确保您的系统上安装了最新的typescript。|ordered-list-item|offset|length|1552190|在Visual+Studio2017中创建asp.net核心角度模板项目。|1552191|现在使用npm-check-updates|1552192|Install+npm包更新所有npm包|1552193|1552194|npm+install|style|CODE|1552195|1552196|全局安装angular/cli|1552197|1552198|npm+install+@angular/cli@latest+-g|1552199|1552200|在本地安装angular/cli|1552201|1552202|npm+install+@angular/cli@latest+--save-dev|1552203|1552204|使用以下命令在主项目之外的任何临时位置创建一个angular项目：|1552205|1552206|ng+new+hello-world|1552207|1552208|现在，转到项目目录并将.angular-cli.json文件复制到主要的.net核心项目的根目录中。然后，您必须编辑文件的这一部分：|1552209|1552210|更改为"root"+:+"ClientApp"的"root"+:+"src"|1552211|一切都做好了！|1552212|现在，转到项目的组件目录：|BOLD|1552213|1552214|+cd+ClientApp/app/components|blockquote|1552215|1552216|1552217|并将您的组件放在终端的组件目录中：|1552218|1552219|+ng+g+c+MyComponent+--module='app.module.browser.ts'|1552220|1552221|entityMap|0|LINK|mutability|MUTABLE|url|https://www.typescriptlang.org/index.html#download-links|1|https://www.npmjs.com/package/npm-check-updates^0|0|0|D|A|0|0|0|4|H|1|0|0|0|0|B|0|0|0|0|0|Y|0|0|0|0|0|16|0|0|0|0|0|I|0|0|B|H|0|0|3|K|O|E|0|0|8|4|0|0|1|R|0|0|0|B|4|0|0|1|1F|0|0^^$0|@$1|2|3|4|5|6|7|27|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|28|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|29|8|@]|9|@$F|2A|G|2B|1|2C]]|A|$]]|$1|H|3|I|5|E|7|2D|8|@]|9|@]|A|$]]|$1|J|3|K|5|E|7|2E|8|@]|9|@$F|2F|G|2G|1|2H]]|A|$]]|$1|L|3|M|5|E|7|2I|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|2J|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|2K|8|@$F|2L|G|2M|Q|R]]|9|@]|A|$]]|$1|S|3|-4|5|6|7|2N|8|@]|9|@]|A|$]]|$1|T|3|U|5|E|7|2O|8|@]|9|@]|A|$]]|$1|V|3|-4|5|6|7|2P|8|@]|9|@]|A|$]]|$1|W|3|X|5|6|7|2Q|8|@$F|2R|G|2S|Q|R]]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|2T|8|@]|9|@]|A|$]]|$1|Z|3|10|5|E|7|2U|8|@]|9|@]|A|$]]|$1|11|3|-4|5|6|7|2V|8|@]|9|@]|A|$]]|$1|12|3|13|5|6|7|2W|8|@$F|2X|G|2Y|Q|R]]|9|@]|A|$]]|$1|14|3|-4|5|6|7|2Z|8|@]|9|@]|A|$]]|$1|15|3|16|5|E|7|30|8|@]|9|@]|A|$]]|$1|17|3|-4|5|6|7|31|8|@]|9|@]|A|$]]|$1|18|3|19|5|6|7|32|8|@$F|33|G|34|Q|R]]|9|@]|A|$]]|$1|1A|3|-4|5|6|7|35|8|@]|9|@]|A|$]]|$1|1B|3|1C|5|E|7|36|8|@$F|37|G|38|Q|R]]|9|@]|A|$]]|$1|1D|3|-4|5|6|7|39|8|@]|9|@]|A|$]]|$1|1E|3|1F|5|6|7|3A|8|@$F|3B|G|3C|Q|R]|$F|3D|G|3E|Q|R]]|9|@]|A|$]]|$1|1G|3|1H|5|6|7|3F|8|@]|9|@]|A|$]]|$1|1I|3|1J|5|6|7|3G|8|@$F|3H|G|3I|Q|1K]]|9|@]|A|$]]|$1|1L|3|-4|5|6|7|3J|8|@]|9|@]|A|$]]|$1|1M|3|1N|5|1O|7|3K|8|@$F|3L|G|3M|Q|R]]|9|@]|A|$]]|$1|1P|3|-4|5|6|7|3N|8|@]|9|@]|A|$]]|$1|1Q|3|-4|5|6|7|3O|8|@]|9|@]|A|$]]|$1|1R|3|1S|5|6|7|3P|8|@$F|3Q|G|3R|Q|1K]]|9|@]|A|$]]|$1|1T|3|-4|5|6|7|3S|8|@]|9|@]|A|$]]|$1|1U|3|1V|5|1O|7|3T|8|@$F|3U|G|3V|Q|R]]|9|@]|A|$]]|$1|1W|3|-4|5|6|7|3W|8|@]|9|@]|A|$]]|$1|1X|3|-4|5|6|7|3X|8|@]|9|@]|A|$]]]|1Y|$1Z|$5|20|21|22|A|$23|24]]|25|$5|20|21|22|A|$23|26]]]]

I am able to run angular cli with these steps.

<ol>
<li>Make sure you have latest <a href="https://www.typescriptlang.org/index.html#download-links" rel="nofollow noreferrer">typescript</a> install on your system.</li>
<li>Create asp.net core angular template project in Visual Studio 2017.</li>
<li>Now update all the npm packages with <a href="https://www.npmjs.com/package/npm-check-updates" rel="nofollow noreferrer">npm-check-updates</a></li>
<li>Install npm packages with

<blockquote>
 <code>npm install</code>
</blockquote></li>
<li>Install angular/cli globally

<blockquote>
 <code>npm install @angular/cli@latest -g</code>
</blockquote></li>
<li>Install angular/cli locally

<blockquote>
 <code>npm install @angular/cli@latest --save-dev</code>
</blockquote></li>
<li>Create an angular project outside your main project on any temp location with this command:

<blockquote>
 <code>ng new hello-world</code>
</blockquote></li>
<li>Now, go to project directory and copy <code>.angular-cli.json</code> file into the root of your main dot net core project.
Then you have to edit this part of the file:

<blockquote>
 <code>"root" : "src"</code> change to <code>"root" : "ClientApp"</code>
</blockquote></li>
</ol>

Everythings was done!

Now, go to your component directory of your project:

<blockquote>
 <code>cd ClientApp/app/components</code>
</blockquote>

and make your component in component directory in terminal:

<blockquote>
 <code>ng g c MyComponent --module='app.module.browser.ts'</code>
</blockquote>

blocks|key|1498615|text|答案是，我们必须在本地主机环境上接受，以便在开发时有两个本地主机服务器一起运行。kestrel与开发服务器的客户端代码(角度应用程序)与kestrel的kestrel的web+api或MVC…通过这种方式，您可以将热模块替换为ng+serve。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1498616|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

The answer is that we have to accept on the local host environment to have 2 local host servers running together when developing. Ng serve with webpack dev server for the client code (angular app) and iis express with kestrel for web api or MVC... This way you can use hot module replacement with ng serve.

We want to use Angular CLI for our projects within ASP.NET core. As output we choose wwwroot instead of dist. The default ng serve enables hot module replacement automatically. But now we need to have hot module replacement with kestrel and iis integration. We decided not to use the AspNet core Javascriptservices because we want to use Angular CLI as the default.

Does anyone know how to do enable hot module replacement with Angular CLI and the ASP.NET core standard hostring with staticfiles within the wwwroot?

Angular CLI in ASP.NET core with hot module replacement

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我们希望在ASP.NET核心中为我们的项目使用Angular CLI。作为输出，我们选择wwwroot而不是dist。默认的ng服务支持自动替换热模块。但是现在我们需要用kestrel和iis集成来替换热模块。我们决定不使用AspNet核心Javascriptservices，因为我们想使用Angular CLI作为默认设置。有谁知道如何使用Angular CLI启用热模块替换，并使用wwwroo

问具有热模块替换功能的ASP.NET内核中的Angular命令行界面
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问具有热模块替换功能的ASP.NET内核中的Angular命令行界面EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问具有热模块替换功能的ASP.NET内核中的Angular命令行界面
EN