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
声明
数组中添加组件
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'
希望这是有用的