安装angular最新17.0.0版本没有app-routing.module.ts文件的问题

最新推荐文章于 2024-07-12 16:27:40 发布
最新推荐文章于 2024-07-12 16:27:40 发布
阅读量423 收藏
点赞数 1
文章标签： javascript ecmascript angular typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41747548/article/details/137178257
版权

根据官网新建项目。

ng new my-app

cd my-app
ng serve --open

当我们想要添加模块时，发现没有app-routing.module.ts这个文件，只有app.config.ts 

app.config.ts仅存在于没有模块的应用程序中，想要用到路由模块，创建新项目时，应该用这个命令创建：

ng new my-app --no-standalone --routing --ssr=false

git上已经给出答案：https://github.com/angular/angular/issues/52751

余兰-嵐
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Angular 8 学习 （三 创建自己的组件）
luodong1501的博客
08-27 571
前面我们已经学习了他的目录结构，下面我们自己上手创建一个组件 自定义组件： 创建组件的时候，我是选择的在cmd命令窗口进行操作，项目已经启动可以再开启一个项目 进入到项目目录： ng g component 组件目录名称/组件名称 eg: ng g component components/news //创建了一个目录components，并在他的下面创建了一个组件news ...
angular创建没有app.module.ts/app-routing.module.ts文件解决办法
sl200000的博客
06-14 432
如果你想要继续使用模块化的方式构建你的Angular应用，可以通过运行。
Angular项目app下缺少 app.module.ts
jiangnianwangluo的博客
03-14 1424
现在，使用Angular CLI创建新项目时，默认生成的是独立应用，这意味着不再自动创建`app.module.ts`文件，除非明确使用`--no-standalone`选项。这是一个重要的变化，因为`app.module.ts`是Angular项目中的核心文件，用于定义根模块，告诉Angular如何组装应用。命令来创建一个新的项目，这将会生成包含 app.module.ts和app-routing.module.ts的项目结构。是Angular CLI的命令，用于创建一个全新的Angular应用。
Angular6 笔记（1）
灿灿大王搭建的黄金屋
12-10 253
1.app.config.ts中进行系统参数配置： export class AppConfig { // 系统配置 app = { title: '朗朗供应商', // 系统名称 systemName: 'xcloud', // 标识系统分类，根据不同系统进行配置 code: 'zs', ver: '1.0' }; // 参数配置 ...
Angular 中的app.module.ts
一个搬砖工人
11-03 488
【代码】Angular 中的app.module.ts。
angular新版本未生成app.module.ts
hb_zxl的专栏
12-05 2951
查看目录，未生成app.module.ts。
第3章 Angular-路由.zip
03-13
在`app-routing.module.ts`文件中，我们会创建一个`routes`数组，其中包含各个路由的配置对象。每个配置对象至少需要`path`（路径）和`component`（组件）属性，例如： ```typescript const routes: Routes = [ {...
angular-routing-best-practices:角路由-企业应用最佳实践
05-17
先决条件对于上下文，本文假设您使用的是以下版本的Angular： Angular v7.2.6最佳实践1-创建顶级Routes阵列文件官方的为您的顶级路由创建完整的app-routing.module.ts 。 我发现在大多数情况下不需要额外的图层。 ...
Angular---Coupon-System-master.rar
10-09
- Angular的路由系统(`app-routing.module.ts`)管理应用的导航和页面跳转。在本项目中，配置了路由规则，使得用户可以平滑地在优惠券列表和详情页面之间切换。 4. **表单（Forms）** - Angular提供了两种表单模式...
Angularproject-源码.rar
10-10
在源码中，查找`app-routing.module.ts`文件，这里定义了应用的路由结构。 5. **指令（Directives）**：指令用于扩展HTML的功能，分为结构指令（改变DOM结构）和属性指令（修改元素属性）。如`*ngFor`、`*ngIf`是...
ptc-angular.forum:Angular PTC论坛的前身
04-20
3. **路由配置**：定义论坛页面间的导航逻辑，如`app-routing.module.ts`。 4. **环境文件**：如`environment.ts`和`environment.prod.ts`，分别用于开发和生产环境的配置。 5. **样式文件**：CSS或SCSS文件，用于...
angular的根模块文件app.mudule.ts
zhaojf88的博客
09-27 409
** angular的根模块文件app.mudule.ts ** import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppComponent } from './app.component'; @NgModule({ de...
Angular 6正式版发布，都有哪些新功能
热门推荐
xiangzhihong8的专栏
05-05 1万+
在Angular 5发布半年之后，Angular 6在昨天正式发布，那么在这个版本有哪些新功能呢？新版本重点关注工具链以及工具链在 Angular 中的运行速度问题。除此之外，这次更新还包括框架包（@angular/core、@angular/common、@angular/compiler 等）、Angular CLI、Angular Material + CDK等。 ng updat...
Angular 重大版本升级： 8.0 正式发布! 支持更多 Web 标准
脚踏实地，仰望星空
06-01 7152
Angular 8.0.0 版本正式发布了！8.0 是重大版本升级，整个平台，包括框架、Angular Material 和 CLI 都同步升级到了新版。Angular 8.0 版缩短了应用在现代浏览器上的启动时间，提供了用于访问 CLI 的新 API，并使 Angular 支持更多 Web 标准，追上了 Web 生态的前沿发展趋势。 如何更新到 Angular 8.0.0 版本 用户可以访问up...
从angular5 升级到angular9（最新版本）
Hey firefly
02-19 5826
搞了一天，终于升级成功了，其实最后升级成功倒发现没那么难。 以下方法适用于想一次性升级package.json中所有依赖到最新版本的方案： 这个库是我们的必需品npm-check-updates 依次运行下面的三个命令 npm i -g npm-check-updates ncu -u npm install 升级完之后可能会报这个错误 The serve command requires...
Ionic4—根路由app-routing.module详解
雷雨天的雷胖子
11-14 1878
目录 一、概述 二、配置文件结构 三、结构详解 一、概述 app-routing.module.ts是Ionic4的根路由配置文件。 二、配置文件结构 import { NgModule } from '@angular/core'; import { PreloadAllModules, RouterModule, Routes } from '@angular/router';...
更新商品前端接口编写
最新发布
weixin_55639995的博客
07-12 395
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。
vue解决页面放大图片模糊的问题
m0_56104994的博客
07-12 296
解决页面放大，图片模糊的问题
angular 文件相对目录路径怎么写
02-07
在 Angular 中，你可以使用相对路径来引用其他文件。 例如，假设你的工程结构如下： ``` src/ ├── app/ │ ├── app.component.ts │ ├── app.module.ts │ ├── app-routing.module.ts │ └── components/ │ ├── component1/ │ │ ├── component1.component.ts │ ├── component2/ │ └── component3/ ├── assets/ ├── environments/ ├── index.html └── styles.css ``` 如果在 `app.component.ts` 中想引用 `component1.component.ts`，你可以这样写： ``` import { Component1Component } from './components/component1/component1.component'; ``` 如果你想在 `component1.component.ts` 中引用 `app.component.ts`，你可以这样写： ``` import { AppComponent } from '../../app.component'; ``` 注意，在 Angular 中，使用 `.` 来表示当前目录，使用 `..` 来表示上一级目录。 最后，在 Angular 中，对于所有在 `src/` 目录下的文件，你都可以省略 `src/` 这一层目录，直接使用相对路径即可。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值