首页
学习
活动
专区
工具
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)中,使用ActivatedRoute的API获取路由信息。

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.7K50
  • 模块化开发 Angular 应用

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

    3.1K10

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

    这个快捷键 生成一个field: ? 随后, 就会生成一个field: ?  ...在文件中写下api的uri: http://localhost:5000/api/tvnetworks 然后你会发现, 该uri的上方有一个send request 按钮: ?...根据文档, 使用下面命令创建一个名为tv-network-list.ts的component, 并且在app模块进行注册, 如果不存在components文件夹则创建这个文件夹. ng g c components...创建TvNetwork表单: 根据文档, 使用下面命令创建一个名为tv-network-form.ts的component, 并且在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 字段。

    72110

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

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

    48830

    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

    adsplugin.iml 文件没有进行merge新加入的module中的类显示灰色,在project中新的module文件夹图标没有3条竖线

    删除不必要的 这是正常的,但是还是不行 原因在于这个info还有以来的lib,这些lib的iml文件也是有问题的;一一修改; 你可以查看你的adsplugin.iml 文件也是没有3条竖线的。...这时候点进去看看你的adsplugin.iml 是有错误的,我的原因是没有merge修改,里面有HEAD项,由于没有merge修改的问题。...但是,Gradle不是IntelliJ IDEA的本地项目模型 - 它是独立的,保存在.iml文件中,并且存在于.idea/目录中的元数据。...在Android Studio中,这些内容主要是由Gradle构建脚本生成的,这就是为什么当您更改文件时,有时会提示您“使用Gradle文件同步项目” build.gradle。...这也是为什么你不打扰把.iml文件或.idea/版本控制,因为他们的内容将被重新生成。

    9010

    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
    领券