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

当使用"ng s -o/ng s/ng build“时,Angular Cli show没有输出

当使用"ng s -o/ng s/ng build"命令时,Angular CLI没有输出的原因可能有以下几种:

  1. 代码错误:首先,需要检查项目中的代码是否存在错误。如果代码中存在语法错误或逻辑错误,Angular CLI可能会在构建过程中遇到问题并停止输出。可以通过运行"ng lint"命令来检查代码风格和潜在错误。
  2. 配置问题:Angular CLI使用angular.json文件来配置项目的构建和开发环境。确保该文件中的配置正确无误,特别是与构建相关的配置项,如outputPath等。
  3. 依赖问题:检查项目的依赖是否正确安装。可以尝试运行"npm install"命令来安装项目所需的依赖项。
  4. 硬件资源问题:如果项目较大或复杂,可能需要更多的硬件资源来进行构建。确保计算机的内存和处理器等硬件资源足够支持项目的构建过程。
  5. 缓存问题:有时候,Angular CLI可能会因为缓存的原因而无法输出。可以尝试清除项目的构建缓存,通过运行"ng clean"命令来清除构建缓存。

如果以上方法都无法解决问题,可以尝试以下步骤:

  1. 更新Angular CLI:确保使用的是最新版本的Angular CLI。可以通过运行"npm install -g @angular/cli"命令来更新Angular CLI。
  2. 重建项目:如果问题仍然存在,可以尝试重新创建一个新的Angular项目,并将原有的代码和配置文件逐步迁移过去。
  3. 查找帮助:如果问题仍然无法解决,可以查阅Angular官方文档、社区论坛或向相关技术社区寻求帮助。在腾讯云的云计算领域,可以参考腾讯云的云开发文档和社区资源,如腾讯云云开发产品(https://cloud.tencent.com/product/tcb)和腾讯云社区(https://cloud.tencent.com/developer/community)。

请注意,以上答案仅供参考,具体解决方法可能因个人情况而异。建议根据实际情况进行调试和排查。

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

相关·内容

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

还有,运行项目,会使用 build 或 server 命令。 所以,下面就只介绍这三个命令,其他命令,等到后续有接触,深入了解后再补充。...ng build 该命令用来将 Angular 项目编译、打包输出到指定目录下,最终输出的文件就是些 HTML,CSS,JavaScript 这些浏览器能够识别、运行的文件。...有时候,前端和后端的工作都由同一个人开发,此时在本地调试,前端就没必要造假数据,可以直接将 Angular 项目编译输出到后端项目的容器中,直接在本地调试后端接口。...那么,这种时候就不能用 ng server 命令了,只能使用 ng build 命令,但该命令,默认只是编译项目,那么岂不是每次代码发生修改,都得重新跑一次 ng build 命令?...spring boot,所以 Angular 项目使用 ng build 命令编译输出到后端项目的容器中,后端跑起来,就可以直接在本地调试了。

2.6K10
  • 使用Angular CLI进行Build (构建) 和 Serve

    默认情况下, 它的输出目录在.angular-cli.json文件里ourDir属性配置的, 默认是/dist目录. build之后会看见dist里面有这些文件: inline.bundle.js 这是...下面运行程序: ng serve -o: ? 可以看到在ng serve的时候, 加载了上述的文件. 因为ng build是开发build, 所以没有做任何优化, 文件挺大的....执行aot会去掉一些程序执行不需要的代码, 例如angular的compiler这时就不在build输出的文件里了(可以使用source-map-explorer查看)....通过文件大小可以看出确实是prod build的. ng eject. 为项目生成webpack配置和脚本. 执行该命令试试: ? 看看有哪些变化: .angular-cli.json: ?...放在.angular-cli.json就行, 例如jquery就应该放在scripts里面.

    2.3K70

    Angular CLI 使用教程指南参考

    Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本....> [options] 创建一个新的 Angular 项目,默认在当前所在目录下 参数 描述 --dry-run -d 只输出要创建的文件和执行的操作,实际上并没有创建项目 --verbose -v...输出详细信息 --skip-npm 在项目第一次创建不执行任何npm命令 --name 指定创建项目的名称 ng serve ng new PROJECT_NAME cd PROJECT_NAME...init [options] 在当前所在目录下初始化一个新的 Angular 项目 参数 描述 --dry-run -d 只输出要创建的文件和执行的操作,实际上并没有创建项目...--verbose -v 输出详细信息 --skip-npm 在项目第一次创建不执行任何npm命令 --name 指定创建项目的名称 ng completion 命令 描述 ng completion

    3K50

    Angular10配置webpack打包 「详细教程」

    添加ngx-build-plus: ng add ngx-build-plus npm 包管理器 AngularAngular CLIAngular 应用都依赖于某些库所提供的特性和功能,它们都是...工作空间文件结构到位,可以在命令行中使用 ng generate 命令往该应用中添加功能和数据。这个初始的根应用是 CLI 命令的默认应用(除非你在创建其它应用之后更改了默认值)。...index.html 有人访问你的站点,提供服务的主要 HTML 页面。...添加ngx-build-plus: ng add ngx-build-plus 注意:如果要将其添加到projects文件夹中的特定子项目,请使用--project开关指向它:ng add ngx-build-plus...复制代码 如果您的项目是基于CLI的子项目,请也使用该--project开关: ng serve --project getting-started -o --extra-webpack-config

    5K20

    Angular 2 + 折腾记 :(1)初识Angular-cli及脱坑要点

    ---- 什么是Angular-cli 简言之:就是NG团队自行维护的一个`脚手架`[内置单元测试及webpack2打包工具等] -- 这货前身是ember-cli; 官网:cli.angular.io...正式版的配置稍微有些改动,我比较了下基本不大,放心使用 ---- 安装之前 window下: 安装lts版本的nodejs[6.10.0] , Angular-cli中的node-sass不支持7.x,...@angular/cli -- 看网络了。。。...---- 初始化项目 angular-cli可以初始化ng2或者ng4的项目,我这里说2+; 脚手架的命令很多,我这里只列出最常用的; 新建东东 范围 命令 作用 new ng new new_project...4200;自定义什么看帮助额 ---- 打包 ng build: 开发模式打包,调用的环境文件是/src/environments/environments.ts; ng build --prod: 以前调用

    1.8K10

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

    Angular CLI, Node.js, and Build Tools,作者为Ahmed Bouchefra 在本教程中,我们将学习如何在 Windows 中安装 Angular CLI使用它来创建...让我们首先检查已安装的 CLI 的版本: $ ng version 如下图所示: 您可能需要运行的第二个命令是 help 命令,用于获取完整的使用帮助: $ ng help CLI 提供以下命令...build (b): 将 Angular 应用程序编译到给定输出路径上名为 dist/ 的输出目录中。必须从工作空间目录中执行。 config: 检索或设置 Angular 配置值。...请参阅https://update.angular.io/ version (v): 输出 Angular CLI 版本。 xi18n: 从源代码中提取 i18n 消息。...生成项目 您可以使用 Angular CLI 通过在命令行界面中运行以下命令来快速生成 Angular 项目: $ ng new frontend 注意:frontend是项目的名称。

    47600

    玩转 Angular 环境变量

    environment.ts 和 environment.prod.ts 在 Angular CLI 发布后,越来越多的开发者都是使用 Angular CLI 来创建新的项目: $ ng new PROJECT-NAME...我们通过以下命令进行项目构建: $ ng build --prod 那么有的同学,可能想到对于构建测试环境的包,是不是只要运行: $ ng build --test 想象中很完美,但实际上并不是这样,ng...build 命令并不支持 --test 参数,感兴趣的同学可以运行 ng build --help 命令查看 ng build 命令所支持的参数: usage: ng build ...可能有的同学已经注意到了 --configuration 这个参数,通常参数说明,我们知道这个参数用于指定构建使用的配置文件。没错,要达到我们预期的结果,就要利用该参数。...不过与 ng build 命令一样,我们也需要配置一下 angular.json 文件: "serve": { "builder": "@angular-devkit/build-angular:

    3.3K20

    一个Angular 5教程:一步一步指导实现你的第一个Angular 5应用程序

    一旦安装了它们,我们将通过运行以下命令来安装Angular CLI: npm install -g @angular/cli 安装成功后,我们可以通过运行以下ng new命令来生成一个新项目: ng new...每次我们改变我们的代码Angular CLI都会重新编译,如果需要的话重新注入,并要求我们的浏览器在页面打开重新加载页面。...让我们试着在用户击中enter密钥做到这一点。我们需要监听组件中的DOM keypress事件并输出由此触发的Angular事件。...因此,“对结果的评估不会导致任何语义上可观察到的副作用或输出,例如可变对象的突变或输出到I / O设备”......我们能做什么?答案在这个定义中是正确的。Ngrx对救援的副作用。...希望你已经了解了Angular的强大。您准备好继续Angular文档是一个很好的资源,并且附带了关于高级技术的整个部分。

    42.6K10

    更小更快更易用的Angular5管中窥豹

    /angular/angular-cli,具体操作如下: 首先敲入命令查看下当前cli版本: ng -v ?.../cli 如果你使用的是Angular CLI 1.0.0-beta.28或以下版本, 你需要先卸载angular-cli包,从angular-cli向 @angular/cli转化: npm uninstall.../cli npm cache clean npm install -g @angular/cli@latest 注:如果npm版本大于5就使用npm cache verify去代替上述npm cache...我们执行下打包命令: ng build --prod 查看命令输出窗口,对比下常规运行和打包后的内容,可以看到文件得到了非常大的压缩: ?...Angular4项目打包 发现在Angular5中没有vendor,而总体大小也小了50多K,看上去貌似不多,但是按比例来看就很可观了,或许项目越大会越明显,时间有限,简单测试就到此先告一段落,后续再添加翻译和做进一步测试

    94630

    angular-cli.json配置参数解释,以及依稀常用命令的通用关键参数解释

    一. angular-cli.json常见配置 { "project": { "name": "ng-admin", //项目名称 "ejected": false // 标记该应用是否已经执行过...常用命令的通用关键参数解释 1.ng serve --host (self) 指定本地Server绑定的域名,默认值:localhost.如果希望使用self来访问你的站点,须加入以上参数 2.ng serve...--hmr 注意开启之后,只是在angular-cli里的webpack添加必要的扩展,等价于webpack-dev-server --hot,还需要在应用代码里处理hmr逻辑,如可在main.ts里添加...下面两条等价: ng build --target=production ng build --prod 7.--environment 指定应用执行环境。...下面两句等价: ng build --environment=prod ng build --env=prod 构建时会加载angular-cli.json指定的环境配置文件: "environments

    1.6K30
    领券