问题标签 [angular-cli-v6]

我正在尝试将我的ASP.NET Core 2.0 Angular 5应用程序与webpacksetup 迁移到ASP.NET Core 2.1 Angular 6with Angular-Cli。

简短的问题：

如何从cshtmlwith强制解析 razor pages 指令Microsoft.AspNetCore.SpaServices.Extensions？

我不想使用index.htmlfrom Angular.json，但是index.cshtml.

详细描述：

我从Angular 模板开始了一个新的 ASP.NET Core 项目。有很多东西可以神奇地起作用。

1. 文件夹内有一个index.html文件，该文件ClientApp/src在应用程序启动时自动提供。
2. 当应用程序运行时，在标签</body>之前index.html（从第一点开始）插入几个脚本：、、、inline.bundle.js和标签之前。polyfills.bundle.jsvendor.bundle.jsmain.bundle.jsstyles.bundle.css</head>

我不确定是谁插入了这些脚本，但我想将它们插入 Razor 页面 ( cshtml)。

我尝试使用旧项目中的代码：

并将索引选项Angular.json指向此index.cshtml：

问题是 ASP.NET Core 不处理内容（所有 @ 标记），但它输出直接内容：

但应该是：

我想将一些变量（来自 appsettings.json）打印到最后的 html 页面。由于我已经在使用 ASP.NET Core，因此 Razor 页面似乎是不错的解决方案。

我也尝试：
添加新的 RazorPage，处理 C# 内容（@指令），但没有人插入 Angular 脚本。

对 AndyCunningham 的回应：

ng build --prod写这个文件：

到index.html. 如何将此写入剃须刀页面。

当我使用ng serve它时，它会检测到我的更改并重新加载页面。
但是，如果我尝试使用npm run myStartScript它不会。
我的开始脚本：

版本：

编辑：我做了更多的测试。localhost:4200无论ng serve我使用哪个命令，直接将我的浏览器指向工作。但是，当我在远程服务器（从中提取脚本localhost）上启动我的项目时，它不会自动重新加载。
在以前的项目中使用完全相同的配置，这有效。唯一的区别是 Angular 版本（4 与 6）和 Angular CLI 版本（1.0 与 6）。

当我想执行我的测试时，我曾经--single-run激活过该选项，但在升级到 Angular 6 后它不再被识别。

未知选项：'--singleRun'

Angular CLI 6 中 --single-run 的等效选项是什么？

我有一个Angular6应用程序，我正在尝试为其创建一个库。我能够生成一个库项目，但是当我为库生成组件时，Angular CLI 正在使用.css文件创建它。

我怎样才能让它创建.scss文件？

以下是我用来创建项目的命令：

命令上的--style=scss选项ng generate library没有效果，我的测试组件文件夹中仍然有 CSS 文件。

我有不同的环境添加到我的 angular.json 文件中，如此处所述。

https://github.com/angular/angular-cli/wiki/stories-application-environments

当我启动我的应用程序时，例如通过--configuration=prod我的 environment.prod.ts 文件被加载。到目前为止，一切都很好。

现在我想检查我的组件之一当前选择了哪个环境。但我不知道从哪里可以得到这些信息。一种解决方案是向我的每个环境文件添加一个新属性，例如envName : "envNameXYZ"，这很容易出错且乏味。

还有其他解决方案如何获取环境（名称）吗？

我不知道该怎么办。

我尝试卸载 angular/cli 和 npm cache clean 但仍然有问题。

任何人帮助我！

我使用新的 angular-cli 命令创建了我的第一个库：library.

构建库后，我想将其导入现有项目（不发布到 npm），但不幸的是没有运气。实际上，如果我将它复制到 node_modules 中，它可以工作，但是每次更新时我都必须这样做我的 node_modules 文件夹。因此，我想在根目录中有一个文件夹（libs），我可以在其中存储和引用我的所有（自制）库。

我尝试创建文件夹并将库粘贴到其中，并在 tsconfig.xml 中添加了路径选项。这会导致“找不到模块”错误（我想我在 cli 设置中遗漏了一些东西，但我不知道是什么）

你知道我错过了什么吗？或者您对这种情况有另一种方法吗？

谢谢 ：）

编辑：

tsconfig.json：

在 app.module.ts 中导入

升级到 Angular 6 后，在 watch 模式下的 ng serve 很慢。这是我在本地运行它的方式

在单个文件中构建和提供简单的更改需要很长时间。就好像它正在做一个常规的ng build --prod

有人遇到过这个问题吗？我做错什么了吗？

我有一个大型（数百个组件）角度（5.2.4）应用程序。我升级了以下内容，并且能够构建干净，但生成的包大小比 v5 大：

• Node.js 和 Angular CLI 更新
• Http 转换为使用 HttpClient
• rxjs 从 5 到 6 的转换（管道运算符）
• 将 .angular-cli.json 转换为新的 angular.json
• 删除/替换了任何不推荐使用的用法（最小）

由于 JS 堆的一个已知问题导致悲伤，我们使用如下的 npm 脚本构建：

我根据角度 cli 中更改的命令将此脚本修改为以下内容：

在升级之前，我们的主要捆绑包大小约为 9MB。升级后约为 21MB。任何诊断此问题的想法或建议将不胜感激！

我正在编码观看 Brad Traversy 教程。我完全按照所说的做了。这是我的“app.module.ts”。

这是我的导航栏组件

我还添加了

到 index.html 文件。

当我删除 RouterLink 部分时，页面运行良好。当我在 URL 中提供路径时，它会显示组件内的内容。

我检查了几个问题。但我已经做了一切，我找不到答案。