开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Angular cli在app.module.ts中生成错误的目录路径

Angular CLI是一个用于快速搭建Angular应用的命令行工具。在使用Angular CLI生成项目时，会自动生成一个app.module.ts文件，该文件用于定义Angular应用的根模块。

如果在app.module.ts中生成错误的目录路径，可能是由于以下原因导致的：

项目结构错误：在使用Angular CLI生成项目时，需要确保在正确的目录下执行命令。通常情况下，应该在项目的根目录下执行命令，而不是在其他子目录下执行。
文件路径错误：在app.module.ts中生成错误的目录路径可能是由于文件路径配置错误导致的。在Angular应用中，app.module.ts通常位于src/app目录下，确保在生成时指定了正确的路径。

解决该问题的方法是：

确认项目结构：检查项目的目录结构，确保在正确的目录下执行Angular CLI命令。
检查文件路径：检查生成的app.module.ts文件的路径配置是否正确。如果路径错误，可以手动修改文件路径，将其移动到正确的位置。

需要注意的是，以上解决方法是基于一般情况下的处理方式。具体解决方法可能因项目配置和环境而异。如果问题仍然存在，建议参考Angular官方文档或相关社区进行更深入的研究和咨询。

关于Angular CLI的更多信息，您可以参考腾讯云的相关产品和文档：

腾讯云云开发（CloudBase）：https://cloud.tencent.com/product/tcb
Angular CLI官方文档：https://angular.io/cli

相关搜索:angular 7 cli在它们自己目录中生成每个服务、管道等 angular 8:在Angular cli中生成拦截器时出现"Schematic " interceptor“not found in collection”错误 Angular Cli在完全不同的目录中报告无效的配置文件 angular-cli: ng g组件在app.module中生成错误的导入路径(反斜杠 Angular-Cli生成的文件夹中没有NgModule Libtool在指定路径时搜索错误的目录 python中的请求URL和生成目录错误在Angular 4/CLI的TypeScript中调试在angular cli中实现globalize时的Cldr问题在angular-cli.jon中添加css时出现节点模块错误

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

如何在 Windows 上安装 Angular：Angular CLI、Node.js 和构建工具指南

Angular CLI, Node.js, and Build Tools，作者为Ahmed Bouchefra 在本教程中，我们将学习如何在 Windows 中安装 Angular CLI 并使用它来创建...build (b): 将 Angular 应用程序编译到给定输出路径上名为 dist/ 的输出目录中。必须从工作空间目录中执行。 config: 检索或设置 Angular 配置值。...生成项目您可以使用 Angular CLI 通过在命令行界面中运行以下命令来快速生成 Angular 项目： $ ng new frontend 注意：frontend是项目的名称。...Angular CLI 将自动在 src/app.module.ts 文件中添加对组件、指令和管道的引用。...结论在本教程中，我们了解了如何在 Windows 计算机上安装 Angular CLI，并使用它从头开始初始化一个新的 Angular 项目。

1940 0

Angular 接入 NGRX 状态管理

选项介绍：选项作用 --reducers 执行reducers存放路径，约定路径为上一级的 index.ts，也是 store 创建的文件 --skip-tests 跳过生成测试文件示例命令：...提供目标模块的路径 --skip-tests 跳过生成测试文件示例命令： ng generate effect store/effects/user --root --module=app.module.ts...生成 npm install uuid --save npm install @types/uuid --save-dev 更新 angular.json： { "cli": {...reducers存放路径，约定路径为上一级的 index.ts，也是 store 创建的文件 --skip-tests 跳过生成测试文件示例命令： ng generate entity store/...：接入实体的代码在 todo.reducer.ts 文件中体现，下面是接入实体的核心部分，更多的适配器操作可以看文件中默认生成的模板代码： // 1.

1881 0

Angular 英雄编辑器

@Component 是一个修饰器函数，这个函数为组件指定了 Angular 元数据。 CLI 自动生成了三个元数据属性： selector — 组件的 CSS 元素选择器。...删除 Angular CLI 自动生成的默认内容，改为到 hero 属性的数据绑定。...Angular CLI 在创建项目的时候就在 src/app/app.module.ts 中生成了一个 AppModule 类。这里也就是你要添加 FormsModule 的地方。...你可以编辑英雄的名字，并且会看到这个改动立刻体现在这个输入框上方的中。声明 HeroesComponent 每个组件都必须声明在（且只能声明在）一个 NgModule 中。...这是因为 Angular CLI 在生成 HeroesComponent 组件的时候就自动把它加到了 AppModule 中。

2.6K7 0

Angular 英雄编辑器

@Component 是一个修饰器函数，这个函数为组件指定了 Angular 元数据。 CLI 自动生成了三个元数据属性： selector — 组件的 CSS 元素选择器。...删除 Angular CLI 自动生成的默认内容，改为到 hero 属性的数据绑定。...Angular CLI 在创建项目的时候就在 src/app/app.module.ts 中生成了一个 AppModule 类。这里也就是你要添加 FormsModule 的地方。...你可以编辑英雄的名字，并且会看到这个改动立刻体现在这个输入框上方的中。声明 HeroesComponent 每个组件都必须声明在（且只能声明在）一个 NgModule 中。...这是因为 Angular CLI 在生成 HeroesComponent 组件的时候就自动把它加到了 AppModule 中。

2.5K5 0

angular2中在使用路由懒加载时候出现的错误

ERROR in Cannot use 'in' operator to search for 'providers' in null 出现这个问题的原因是，在使用懒加载的时候，没有指定module，...没有找到相关的提供信息。.../home/home/home.module'},] 以上是修改之前报错的代码：以下是修改之后不报错的代码，只需要给其指定一module: const routes: Routes = [ {path

5.1K4 0

Angular 中的请求拦截

这是我参与「掘金日新计划 · 4 月更文挑战」的第6天。在上一篇的文章 Angular 中使用 Api 代理，我们处理了本地联调接口的问题，使用了代理。...我们的接口是单独编写的处理的，在实际的开发项目中，有众多的接口，有些需要登陆凭证，有些不需要。一个一个接口处理不妥，我们是否可以考虑对请求进行拦截封装呢？本文章来实现下。...在使用 angular-cli 生成项目的时候，它已经自动做好了环境的区分，在 app/enviroments 目录下： environments...当然，你这里添加的内容要配合你代理上加的内容调整，读者可以自己思考验证添加拦截器我们生成服务 http-interceptor.service.ts 拦截器服务，我们希望每个请求，都经过这个服务...console.log(error) } ) ) } } 要想拦截器生效，我们还得在 app.module.ts 上注入： // app.module.ts import

2.4K2 0

Angular CLI 简介

查看angular-cli.json, 可以在文件的下方看到采用的是scss样式文件: 这样, 以后生成的component的默认样式文件就是scss了....综上, ng new 的这些参数可以在生成项目的时候作为命令的参数联合使用, 其中有一些参数也可以在项目生成以后通过修改angular-cli.json文件来做修改....下面执行ng lint --fix: 执行后lint的错误减少到了一个, 看下代码: 使用Angular CLI从蓝本生成代码第一篇文章是: "使用angular cli生成angular5项目...下面把-d参数去掉, 生成文件: 可以看到文件生成在项目里了. 并且更新了app.module.ts, 在里面做了component的声明....默认情况下, 它的输出目录在.angular-cli.json文件里ourDir属性配置的, 默认是/dist目录. build之后会看见dist里面有这些文件: inline.bundle.js 这是

6K11 0

ng generate 命令.

第一篇文章是: "使用angular cli生成angular5项目" : http://www.cnblogs.com/cgzl/p/8594571.html 这篇文章主要是讲生成 Components...angular/angular-cli/wiki/generate-component 可能常用的命令参数有: --flat 表示是否不需要创建文件夹 --inline-template (-it)...下面把-d参数去掉, 生成文件: 可以看到文件生成在项目里了. 并且更新了app.module.ts, 在里面做了component的声明....看一下目录结构: 生成的directive的结构是没有目录, 也就是flat的....今天先写到这, 更多的参数还是要查看官方文档: https://github.com/angular/angular-cli

7602 0

使用Angular CLI从蓝本生成代码

Components. ng generate xxx xxx的命令还是有点长, 这里angular cli内置了命令的别名, 例如: ng generate component person 这个命令...angular/angular-cli/wiki/generate-component 可能常用的命令参数有: --flat 表示是否不需要创建文件夹 --inline-template (-it)...可以看到文件生成在项目里了. 并且更新了app.module.ts, 在里面做了component的声明....directive生成了两个文件和component一样, 也在app.module进行了声明. 看一下目录结构: ? 生成的directive的结构是没有目录, 也就是flat的....今天先写到这, 更多的参数还是要查看官方文档: https://github.com/angular/angular-cli

1K7 0

Angular实战之使用NG-ZORRO创建一个企业级中后台框架（进阶篇）

这一章主要介绍的是如何在创建好的后台管理页面框架的快速生成NG-ZORRO相关的组件，并且介绍Angular相关目录结构、生命周期函数，路由配置和使用相关知识点，以及如何使用Angular CLI使用一行代码快速添加...让你快熟的构建一个属于自己的NG-ZORRO后台管理框架，注意我们的前端代码的编写全部都是在VS Code上面编写。 Angular项目目录介绍（重要）： ?...app.module.ts（根模块）： NgModule 用于描述应用的各个部分如何组织在一起。每个应用有至少一个 Angular 模块，根模块就是你用来启动此应用的模块。...// app的组件 |-- app.module.ts // app的模块 |-- environments目录 |-- environments.prod.ts // 生产环境 |-- environments.ts...使用Angular CLI快速添加功能到现有的Angular应用程序： Angular CLI介绍： Angular CLI 是一个命令行接口(Command Line Interface)，用于实现自动化开发工作流程

3.9K2 0

Angular 结合 Git Commit 版本处理

So，我们接下来用 Angular 实现下效果，React 和 Vue 同理。搭建环境因为这里的重点不是搭建环境，我们直接用 angular-cli 脚手架直接生成一个项目就可以了。...记录每次提交的信息在根目录创建一个文件version.txt，用于存储提交的信息；在根目录创建一个文件commit.js，用于操作提交信息。...生成版本信息有了上面的铺垫，我们可以通过 commit 的信息，生成指定格式的版本信息version.json了。在根目录中新建文件version.js用来生成版本的数据。...assets 中，具体路径为 src/assets/version.json。...结合 Angular 在页面中展示版本信息最后一步，在页面中展示版本信息，这里是跟 angular 结合。

9923 0

Ionic3 自定义指令

组件的概念比较大，本文讲解的是属性指令和结构指令的创建和使用，Angular官方文档创建属性指令创建一个指令可以直接使用ionic cli 工具 ionic g directive sxylight...//sxylight 是该属性指令的名称如果是首次执行该命令，会在 src 目录下生成一个 directives 目录，如同时在 directives 目录下生成 directives.module.ts...同时生成的还有sxylight 指令，并且 ionic cli 会自动将指令的信息添加到 directives.module.ts 模块中。...如果时使用 Ionic CLI工具创建的指令，directives.module.ts 已经自动配置好了，可以不用理会，需要的就是在别的模块中引入 DirectivesModule(directives.module.ts...比如，我需要在自己的 table模块中引用这个指令，那么只需要子啊 table.module.ts中引入这个模块即可，不需要在 app.module.ts中引入 ?

1.3K3 0

augular 英雄之旅

组件是 Angular 应用中的基本构造块。...像一组html的集合，可与用户交互，可复用，创建好的项目的src目录下有个app目录，这是整个程序的根组件 app.component.ts— 组件的类代码，这是用 TypeScript 写的。...核心库中导出 Component符号，它是一个装饰器工厂，为组件提供需要的元数据，cli自动生成三个元数据用于为该被装饰的组件指定 Angular 所需的元数据。...1.CLI 自动生成了三个元数据属性： selector---组件的选择器（css选择器），该组件被使用时的组件名称 templateUrl---组件模板文件的位置 styleUrls---组件私有...2.CLI自动在app.Module.ts中自动导入HeroesCompent(就是cli刚刚生成的heroes.component.ts中的类) 添加属性在class中增加属性即可 import

1.7K2 0

Angular2 项目结构解释

我们用 Angular CLI 生成的项目结构如下图所示：项目结构 src/app/my-grid-application -这是我们创建一个组件生成的目录结构一般项目中我们组件应该有html，scss...和ts src/app/app.component.ts - 这是我们定义根组件的地方 src/app/app.module.ts - 要引导的Angular模块的入口 src/index.html...- 这是所有组件将被渲染的地方 src/main.ts - 是将模块和页面组合在一起的胶水 sivona

5993 0

模块化开发 Angular 应用

想要更好地理解 Angular 应用程序所有的不同构建的模块？在这篇文章中，我们将走进模块的内容。在 angular 应用中，模块是共享和重用代码的好方法。...我们通过 angular-cli 来生成一个基本的 AppModule。...，请打开终端并进入项目的根目录。...Angular 中的代码通常以模块的形式组织。我们可以将模块视为包含特定用例所需要代码的包或捆绑包。最重要的模块是 App-Module，每个通过脚手架生成的应用都有它。...如果我们想在特定的路由上延迟加载模块，我们可以使用 loadChildren 属性。这里我们指定模块的路径和名称，用 # 分隔开。之后，我们可以在我们的 AppModule 中导入配置模块。

3K1 0

Angular 从入坑到挖坑 - Angular 使用入门

一、Overview angular 入坑记录的笔记第一篇，完成开发环境的搭建，以及如何通过 angular cli 来创建第一个 angular 应用。...全局安装 Angular CLI ## 在电脑上以全局安装的方式安装 angular cli npm install -g @angular/cli ?...验证是否安装成功 ## 查看 angular cli 版本 ng v ## 查看 angular cli 中的各种命令解释 ng help ?...4.1.2、运行第一个 Angular 应用通过 Angular CLI 命令来创建一个新的应用 ## 指定位置，创建新的 angular 应用 ng new my-app 常用命令参数 options...- protractor 测试工具配置文件 tsconfig.json - 继承于工作空间根目录的 typescript 配置文件 src - 工作空间 1 最外层根项目的源代码路径

1.9K2 0

Angular 6的新特性介绍

如果您的某个依赖项提供了一个ng update原理图，那么他们可以在需要进行重大更改时自动更新代码！ ng add ng add 也是新增的一个cli命令。...6.0之前的版本服务注入 // app.module.ts @NgModule({ ......这也就意味着你可以从你的应用中移除 polyfill，这样可以减少大约47k的空间 RxJS v6 Angular已经更新使用了RxJS v6。...每个主要版本将支持18个月，大约6个月的积极开发，接下来是12个月的关键错误修正和安全补丁。如何升级到6.0.0 按照引导对应用进行升级 ?...更新@ angular / cli 更新你的Angular框架包更新其他依赖项 Ivy Ivy将会是下一代渲染引擎，现在正在开发中。让我们拭目以待吧。原文链接

2.3K2 1

Angular 主从组件

制作 HeroDetailComponent 使用 Angular CLI 生成一个名叫 hero-detail 的新组件。...在这个目录中会生成四个文件：作为组件样式的 CSS 文件。作为组件模板的 HTML 文件。存放组件类 HeroDetailComponent 的 TypeScript 文件。...该命令还会把 HeroDetailComponent 添加到 src/app/app.module.ts 文件中 @NgModule 的 declarations 列表中。...编写模板从 HeroesComponent 模板的底部把表示英雄详情的 HTML 代码剪切粘贴到所生成的 HeroDetailComponent 模板中。.../cwiki-us-angular-tour-of-heroes-master-detail/blob/master/src/app/app.module.ts 小结你创建了一个独立的、可复用的 HeroDetailComponent

1.3K4 0

【开发指南】（六）Ionic3从目录结构理解开发

ionic的命令行生成为原始的静态html页面，并存放在www目录（见上图所示），也就是说www在开发过程中是不需要理的，可以任意删除。...、ios等平台图标、启动屏资源，在此目录下的资源通过下述命令会把资源按分辨率生成到原生项目目录中，省却自己逐个调整分辨率及拷贝的繁琐工作: ionic cordova resources 或只针对单个平台的...package.json: node安装模块时的依据文件，在里面配置的内容，在执行npm install命令后会生成到node_modules目录。...另外它们的名字也是可变的，只是基于约定大于配置的概念，而且利用ionic-cli命令行生成文件，如ionic g pipe date会生成到上述默认文件夹名称中，所以建议保持一致。...而压缩打包混淆等都是ionic框架内部处理了，所以我们只需专注于页面的实现，那最最简单的开发步骤就是，在pages里面新建一个页面，写好逻辑，然后在app.module.ts添加配置即可。

2.8K1 0

Angular开发实践（六）：服务端渲染

6、修改 @angular/cli 的配置文件：.angular-cli.json 在 apps 下添加： { "platform": "server", "root": "src",...根据项目实际的路由信息并在根目录的 static.paths.ts 中配置，提供给 prerender.ts 解析使用。...export const ROUTES = [ '/', '/lazy' ]; 因此，从dist目录可以看到，服务端预渲染会根据配置好的路由在 browser 生成对应的静态index.html...服务端的模块懒加载在前面的介绍中，我们在 app.server.module.ts 中导入了 ModuleMapLoaderModule，在 app.module.ts。...服务端到客户端的状态传输在前面的介绍中，我们在 app.server.module.ts 中导入了 ServerTransferStateModule，在 app.module.ts 中导入了 BrowserTransferStateModule

4.7K10 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭