首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular-Cli生成的文件夹中没有NgModule

Angular-Cli是一个用于快速搭建Angular应用的命令行工具。它可以帮助开发者生成项目的基本结构和文件。

在使用Angular-Cli生成的文件夹中,可能会出现没有NgModule的情况。NgModule是Angular中的一个核心概念,它用于组织和管理应用的模块化结构。每个Angular应用都至少有一个根模块,根模块负责引导应用并加载其他模块。

如果生成的文件夹中没有NgModule,可能是由于以下几个原因:

  1. 生成的项目是一个简单的单文件应用:Angular-Cli可以生成简单的单文件应用,这种应用不需要使用NgModule来组织模块。在这种情况下,所有的组件、服务和其他代码都可以写在一个文件中。
  2. 生成的项目是一个旧版本的Angular应用:Angular的版本更新很快,新版本的Angular引入了NgModule的概念。如果使用的是旧版本的Angular-Cli生成的项目,可能还没有默认使用NgModule来组织模块。

无论是哪种情况,如果需要使用NgModule来组织模块,可以手动创建一个新的模块,并将组件、服务等代码移到该模块中。创建一个新的模块可以使用Angular-Cli的命令行工具,例如:

代码语言:txt
复制
ng generate module my-module

这将在项目中生成一个名为my-module的新模块。然后,可以将需要的组件、服务等代码移到该模块中,并在需要的地方导入和使用该模块。

关于NgModule的更多信息,可以参考腾讯云的Angular开发文档中关于NgModule的介绍:Angular开发文档-NgModule

请注意,以上答案仅供参考,具体情况还需要根据实际项目和需求进行具体分析和处理。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Angular2 :从 beta 到 release4.0 版本升级总结

Angular 模块是带有 @NgModule 装饰器函数类。 @NgModule 接收一个元数据对象,该对象告诉 Angular 如何编译和运行模块代码。...它标记出该模块拥有的组件、指令和管道, 并把它们一部分公开出去,以便外部组件使用它们。 它可以向应用依赖注入器添加服务提供商。 具体请参考官方文档。...升级angular-cli版本失败 原因:angular-cli版本升级后,对应webpack版本修改了默认disableHostCheck属性,导致ng serve --port会出现Invalid...进行静态引导.静态方案可以生成更小,启动更快应用,默认优先使用。但此处因为有些动态计算环境代码,故编译失败,此处手动关闭。 5....原因:angular(v4.1.1),使用ActivatedRouteAPI获取路由信息。

8.2K00

Angular学习(01)-架构概览

在利用 Angular Cli 工具生成脚手架时,默认就已经生成了很多配置项,而且此时,项目已经是可以运行,因为也自动生成了一个根模块和根视图,默认页面是 Angular 欢迎界面。...angular.json 这是 Angular-CLI 配置文件,而 Angular-CLI 是自动化工程构建工具,也就是利用这个工具,可以帮助我们完成很多工作,比如创建项目、创建文件、构建、打包等等...原本 HTML、CSS、JavaScript 前端开发模式,并没有工程概念,只要用浏览器打开 HTML 文件就能够运行。...这些工作就可以借助 Angular-CLI 来进行。另外,创建一个模块,创建一个组件,也都可以通过 Angular-CLI 来。...app/src 源码 以上就是利用 Angular-CLI 创建项目生成初始架构各个文件大概用途,下面讲讲 Angular 项目的大概运行流程。

3.6K50
  • 模块化开发 Angular 应用

    我们通过 angular-cli生成一个基本 AppModule。...Angular 代码通常以模块形式组织。我们可以将模块视为包含特定用例所需要代码包或捆绑包。 最重要模块是 App-Module,每个通过脚手架生成应用都有它。...就像组件一样,生成结构是一个模块树。 @NgModule 在 @NgModule 操作符里面,我们定义模块所有属性。我们提供了一个简单 JavaScript 对象作为参数。...如果一个组件(或者指令或者管道)你并没有添加到 declarations ,但是你又在模块或者应用中使用了,angular 应用在运行时报错。此外,一个组件只能在一个模块声明。...如果你想在多个模块中使用你组件,你需要将改组件捆绑到一个单独模块,并将其导入到模块。 Imports 说到导入... 你模块可以导入任意数量子模块。还没有定义任何自定义模块?

    3K10

    用VSCode开发一个基于asp.net core 2.0sql server linux(docker)ng5bs4项目(2)

    这个快捷键 生成一个field: ? 随后, 就会生成一个field: ?  ...在文件写下apiuri: http://localhost:5000/api/tvnetworks 然后你会发现, 该uri上方有一个send request 按钮: ?...根据文档, 使用下面命令创建一个名为tv-network-list.tscomponent, 并且在app模块进行注册, 如果不存在components文件夹则创建这个文件夹. ng g c components...创建TvNetwork表单: 根据文档, 使用下面命令创建一个名为tv-network-form.tscomponent, 并且在app模块进行注册, 如果不存在components文件夹则创建这个文件夹...可以看到发生了错误404, angular客户端并没有找到这个api. 这是因为angular运行是自己web服务器端口4200, 而asp.net core也是运行自己服务器端口为5000.

    2.4K50

    VMware Workstation 11 Ubuntu 14.04 VMware Tools 问题 :没有显示共享文件夹

    症状:主要表现在Win7用VM11安装Ubuntu14.04,安装完自带VMware Tools之后,/mnt/hgfs 没有前面已经设置好共享文件夹。...国内网站上也很少有关于这类问题说明,查到一篇文章[链接]有说明在win8下使用vmware11和ubuntu14.10,也没能解决我问题。...具体解决方法是参考一篇英语网文[链接],步骤记录如下: 安装 open-vm-tools 这可能是在客户机里实现VMware Tools功能最简单办法。...虚拟机”菜单安装VMware Tools子菜单挂载VMware Tools镜像,挂载完成后把VMware Tools光盘镜像VMwareTools-9.9.2-2496486.tar.gz拷贝到之前下载路径.../untar-and-patch-and-compile.sh 然后……没然后了,/mnt/hgfs/已经出现了我希望看到共享文件夹

    1.9K20

    Angular 2 + 折腾记 :(2)初步认识angular2,不一样开发模式

    前言 想来想去,概念这些东西不怎么想讲,更多是想讲点实战性内容。 所以有些东西跳过去了,小伙伴们请去看官方文档哈;跳跃性前进,写不好多包涵。。。...对应国际官网 GLOSSARY CHEAT SHEET NGMODULE FAQS ARCHITECTURE OVERVIEW 英文水平比较好推荐国际官网,这边API更新很及时 ---- angular-cli...,ng2开发模式就是类似一个树,从根节点无限发散 import { NgModule } from '@angular/core'; // 表单模块,比如你要在组件内用到一些表单元素或者数据绑定.../app.component'; @NgModule({ declarations: [ // 指令和组件放在这里 AppComponent ],...---- 总结 这一篇没有涉及到路由这些和表单这些; 准备拆成两个文章来说; 路由配置及懒加载这些, 模板驱动表单及响应式表单[嵌套表单响应等],回车键触发搜索等。。

    6.2K20

    发布 Angular 应用至生产环境

    两年前, 写过一篇使用 rollup 来为生产环境编译 Angular 2 应用文章, 因为当时还没有 angular-cli 项目。...angular-cli 用起来虽然方便, 但是针对生产环境编译的话, 还是有一些地方要注意, 接下来就介绍我在项目部署时一些做法。...合理拆分功能模块, 按需加载 一个系统往往功能非常多, 因此就要根据项目的实际情况划分功能模块,一个功能模块对应一个 NgModule , 编译成一个独立 js 文件, 再结合 angular 路由技术进行按需加载...针对这种情况, 通常还需要对编译生成 js 文件进行 gzip 压缩, 因此在执行 ng build --prod 编译之后, 再继续执行下面的 shell 命令: find dist -name "...| xargs -0 gzip -k 以一个仅仅使用了 ng-bootstrap 模板项目为例, 生成 js 文件如下所示: 1.8K dist/ng-seed/4.1495aba38157395f4a2d.js

    1K50

    Angular17 使用 ngx-formly 动态表单

    ngx-formly 是 Angular 应用实现响应式动态表单框架,不仅支持自动生成表单、易于上手自定义字段扩展、自定义验证扩展、支持 Formly Schema 和 JSON Schema,还有开箱即用内置表单主题...ng new angular-ngx-formly --standalone=false 安装 NG-ZORRO 组件库: 推荐使用 angular-cli 提供 ng add 进行安装配置: #.../schematics --ui-theme=ng-zorro-antd Angular CLI 添加新页面: 推荐使用 angular-cli 提供 ng generate 自动生成: ng g m...label}格式不正确`, }, }, } 自定义携带选项验证函数: 在前面为邮箱定义验证函数使用了一个比较通用正则,如果在实际使用时除了直接修改验证函数正则外,还可以通过第三个选项参数实现验证范围缩小...label 字段,如果在前期考虑不好的话容易造成后期维护困难,这里就可以考虑通过自定义扩展在生成动态表单前自动匹配 label 字段。

    65110

    文章生成海报没有图片问题

    因为我图片一般都是在文章中上传存在本地服务器,但是文章图片引用我都是存在oss并且用腾讯cdn静态加速了,就出现了文章生成海报没有图片问题,原因就是跨域导致,什么是跨域呢?...我之前记得腾讯cdn可以在 HTTP header 设置跨域问题,现在改名为 Response Header ,操作一样,但是我设置完还是不行,自己问了问亲爱老家伙 @叶开桑 ,原来要刷新预热,淘汰cdn...节点上旧文件,重新获取文件新版本,这样就可以了,简单记录一下。...图文记录 在生成海报地方看调试台,发现问题。...false});}); 去腾讯CDN控制台设置,参数选择“Access-Control-Allow-Origin”取值可以设置“”,代表所有,就是对外开放,其他人也可以使用,如果不想别人使用那么就设置固定域名

    48630

    Angular 路由配置(预加载配置,懒加载配置)

    @NgModule作用: NgModule 最根本意义是帮助开发者组织业务代码,开发者可以利用 NgModule 把关系比较紧密组件组织到一起,这是首要。...forRoot()//在主模块定义主要路由信息 forChild()``//应用在特性模块(子模块) (2)懒加载:loadChildren 此处并没有将对应模块加入到AppModule,而是通过...--此处依照下面的路由配置,默认显示AComponent组件内容--> 复制代码 (1)在main-routing.module.ts里面配置文件夹main下路由,需要引用各组件component.../model/activitys-manage'; @Injectable() export class MainService { } 复制代码 main文件夹组件如要调用MainService...,需要在组件ts文件引入MainService (3)在main.module.ts引入各组件(包括自身、路由配置文件所用到所有组件以及路由module) import { FormsModule

    3.2K30

    找出文件夹(及其子文件夹)文件并复制到目标文件夹

    测试结果 文本提示 找出文件夹(及其子文件夹)文件并复制到目标文件夹 1.问题引出 下载了整个2018年和2019年上半年经济学人,不过是根据发刊日期建立了多个文件夹,我想复制出里面所有的*.epub...格式电子书,不可能一个一个复制吧,这样也太low了,遂有了这个想法。...而且为了便于按照名字排序,最后复制后名字做了处理,只保留了文件名数字(经济学人发布年份,因为不是一个人发布名字多少不统一。...程序源码 # UTF-8 # 整理文件 # 将指定目录下对应格式文件(eg.epub)复制到指定目录 # ------------------------------------ import...path: "文件夹"和"文件"所在路径 :return: (list_folders, list_files) :list_folders: 文件夹

    3.1K20

    Angular学习(02)--Angular-CLI命令

    这就导致了,如果是手工创建 ts 文件,需要自己编写很多重复代码,因此,可以借助 Angular-CLI 命令来创建这些文件,自动生成所需这些重复代码。...所以,日常开发,不管是借助 WebStrom 图形操作,还是直接自己使用命令方式,都需要跟 Angular-CLI 打交道,了解一些基本配置和命令也是有好处。...还有一些没用过,也不大清楚命令,后续再补充 常见命令 其实,这么多命令,我最常使用,就只有 ng g 命令,也就是 generate 命令,用来生成各种类型文件代码,比如生成组件、生成服务等。...--flat=true|false 当为 true 时,生成组件不自动创建 xxx 文件夹,直接在当前目录下创建那几份文件,默认值 false。...因为指令并没有对应 Template 模板和 CSS 样式文件,所以,默认生成文件,只有 xxx.directive.ts 和 xxx.spec.ts 两份文件。

    2.6K10
    领券