Angular 在ASP.NET内核中查找声明模块时出错

Angular 在ASP.NET内核中查找声明模块时出错,angular,asp.net-core-mvc-2.0,Angular,Asp.net Core Mvc 2.0,尝试使用命令生成新角度组件时出错 ng g组件登录表 为声明定位模块时出错。未找到模块文件。 我认为angular CLI抛出错误,因为ASP.NET Core中现成的angular模板具有不同的文件名,请建议在ASP.NET Core项目中生成angular组件的替代方法 请建议生成角度组件的替代方法 只需创建一个新文件,然后开始键入 CLI的g(generate)方法是组件的简单支架,它在指定的文件夹中为您生成一些文件,并编辑一些其他文件。这不是使用CLI的项目的要求:您可以自己创建文件

尝试使用命令生成新角度组件时出错

ng g组件登录表

为声明定位模块时出错。未找到模块文件。

我认为angular CLI抛出错误,因为ASP.NET Core中现成的angular模板具有不同的文件名,请建议在ASP.NET Core项目中生成angular组件的替代方法

请建议生成角度组件的替代方法

只需创建一个新文件,然后开始键入


CLI的
g
generate
)方法是组件的简单支架,它在指定的文件夹中为您生成一些文件,并编辑一些其他文件。这不是使用CLI的项目的要求:您可以自己创建文件

例如,生成组件将

  • 在使用组件名称指定的路径中创建文件夹
  • 在名为
    {{component name}}.component.ts
    的文件夹中创建一个文件,其中包含一个类框架,该类框架在
    @component
    装饰器(一个
    OnInit
    生命周期钩子的构造函数和实现)中预先填充了元数据
  • 在名为
    {{component name}}.component.css
    的文件夹中创建一个空文件,或根据您在
    .angular cli.json
    文件中的设置创建一个不同的扩展名
  • 创建一个非常简单的
    {{component name}}.component.html
    文件,该文件仅说明您的组件正在工作
  • 创建一个框架测试文件
    {{component name}}.component.spec.ts
    ,用于测试组件的创建,以及 --在相应角度模块的
    声明
    数组中添加组件
所有这些都是你自己可以做的,如果你愿意的话。例如,在创建非常简单的组件时,我不会使用CLI的
g
命令,因为我不会为模板和样式使用单独的文件


顺便说一句,您使用ASP作为后端的事实不应该影响您管理前端应用程序的方式。Angular是一个用于构建单页应用程序的框架,这意味着您的后端是一个独立于Angular应用程序的API,Angular应用程序将仅用作客户端

至于为什么会出现错误——您是否试图在一个不是
ngnew
d的项目中执行
ngg
命令

错误的另一个可能来源是您试图在非角度模块的文件夹中创建它。要到达那里,只需浏览您的结构

ng g component a/path/to/login-module/login-form

您可以将app.module.shared.ts重命名为app.module.ts,它将正常工作。

首先,在全局安装angular cli之后:

npm安装@angular/cli@latest-g

必须首先使用以下命令在主项目外创建角度项目:

ng新hello world

现在,转到项目目录并将
.angular cli.json
文件复制到主dot net核心项目的根目录中。 然后您必须编辑文件的这一部分:

“root”:“src”
更改为
“root”:“ClientApp”

接下来,您必须在项目的根目录中安装angularCli dev:

cd DotNetCoreProject

npm安装@angular/cli@latest--保存开发文件

一切都完成了

现在,转到项目的组件目录

cd ClientApp/app/components

并在终端的组件目录中制作组件:

ng g c MyComponent--module='app.module.browser.ts'
希望这是有用的