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

使用Angular 10项目时的Ng构建问题-[发生未处理的异常:作业名称"..getProjectMetadata“不存在。]

Angular是一种流行的前端开发框架,它使用TypeScript语言进行开发。在使用Angular 10项目时,可能会遇到Ng构建问题,其中一个常见的问题是"发生未处理的异常:作业名称'..getProjectMetadata'不存在"。

这个错误通常是由于项目配置文件的问题引起的。在Angular项目中,有一个名为angular.json的配置文件,它包含了项目的各种配置信息。当执行Ng构建命令时,Angular CLI会读取这个配置文件来确定如何构建项目。

要解决这个问题,可以尝试以下几个步骤:

  1. 确保angular.json文件存在并且位于项目的根目录下。如果文件丢失或被删除,可以尝试使用Angular CLI重新创建一个新的项目。
  2. 检查angular.json文件中的配置是否正确。特别是检查"projects"部分,确保项目名称和路径都正确。如果有任何错误或拼写错误,可以手动修复它们。
  3. 检查angular.json文件中的"architect"部分,确保其中包含了正确的构建配置。通常,Angular CLI会自动生成一些默认的构建配置,例如"build"和"serve"。如果这些配置丢失或被修改,可以尝试使用Angular CLI重新生成它们。
  4. 如果以上步骤都没有解决问题,可以尝试删除项目的node_modules文件夹,并重新安装项目的依赖。可以使用以下命令执行这个操作:
  5. 如果以上步骤都没有解决问题,可以尝试删除项目的node_modules文件夹,并重新安装项目的依赖。可以使用以下命令执行这个操作:
  6. 这将删除现有的node_modules文件夹,并重新安装项目的依赖。

总结起来,当遇到"发生未处理的异常:作业名称'..getProjectMetadata'不存在"的Ng构建问题时,可以通过检查和修复项目的配置文件、重新生成构建配置、重新安装项目的依赖等步骤来解决问题。

关于Angular和Ng构建问题的更多信息,可以参考腾讯云的Angular产品介绍页面:Angular产品介绍

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

相关·内容

前端面试题angular_Vue前端面试题

{ {name}} ng-show 不存在问题,因为它不自带一级作用域...避免这类问题出现办法是,始终将页面中元素绑定到对象属性(data.x)而不是直接绑定到基本变量(x)上。 2,ng-repeat迭代数组时候,如果数组中有相同值,会有什么问题,如何解决?...不止是 ng-click 中表达式,只要是在页面中,都不能直接调用原生 JS 方法,因为这些并不存在于与页面对应 Controller $scope 中。...,比如改为 track by item.id) 降低渲染数据量(比如分页,或者每次取一小部分数据,根据需要再取) 数据扁平化(比如对于树状结构,使用扁平化结构,构建一个 map 和树状数据,对树操作...try … catch 块中,所以一旦有异常发生,该异常会被 exceptionHandler service 处理。

14.1K20

再谈angularJS数据绑定机制及背后原理—angularJS常见问题总结

$digest 循环上限是 10 次(超过 10次后抛出一个异常,防止无限循环)。 $digest 循环不会只运行一次。...因此 $digest 循环会持续运行直到 model 不再发生变化,或者 $digest 循环次数达到了 10 次(超过 10 次后抛出一个异常,防止无限循环)。...这是因为当传入一个 function 到 $apply() 中时候,这个 function 会被包装到一个 try…catch 块中,所以一旦有异常发生,该异常会被 $exceptionHandler...,然后会一直更新数据,效率低,脏数据检查到10次之后不再继续检查; 解决方案:可以使用一个变量来接收函数调用 controller as 和controller 有什么区别,能解决什么问题?...所以即便有一天你项目不再使用AngularJS了,依然可以很方便重用和移植这些逻辑。另外,从测试角度看,这样Object也是单元测试友好

7.8K40
  • Angular-Cli脚手架介绍、安装并搭建项目

    NG-ZORRO StackBlitz 第一个本地实例# 实际项目开发中,你会需要对 TypeScript 代码构建、调试、代理、打包部署等一系列工程化需求。...执行以下命令,@angular/cli 会在当前目录下新建一个名称为 PROJECT-NAME 文件夹,并自动安装好相应依赖。...$ ng serve --port 0 --open image.png 使用web工具打开项目 我这里使用HBuilder来打开项目,其他工具也行 image.png ng serve 命令会启动开发服务器...手动安装# 如果想自己维护工作流,理论上你可以利用 Angular 生态圈中 各种脚手架进行开发,如果遇到问题可参考我们所使用 配置 进行定制。...使用特定组件样式前需要先引入基本样式(所有组件共用样式)。

    2K30

    使用Angular CLI生成 Angular 5项目

    scripts下面是一些预定义项目命令: start 是运行项目的意思, 执行npm start即可, 或者直接执行ng serve也可以. npm build / ng build 是执行构建......最下面是devDependencies, 里面都是开发工具库, 可以看到angular cli就在里面....--directory: 可以设定生成目录, 默认是使用项目名称. --style: 可以设定样式类型, 默认是css, 例如可以改成scss....ng serve优点是, 当代码文件有变化时候会自动重新构建并且刷新浏览器, 您可以试一下. 另外一种配置CLI方法 ng set....没有问题. 然后我故意弄出来几处错误/不规范写法: ? 然后再执行ng lint: ? 可以看到这些错误都被详细列了出来. 把格式化参数加进去: ?

    1.9K30

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

    属性, 这也保证了不会发生上面的自身循环引用异常....使用: ng new tv-client 创建一个名字为tv-clientangular项目. 此时, cli会通过npm自动安装依赖包. ...运行angular项目: 可以使用ng server或者npm start命令运行angular项目: ? 最好还是使用npm start, 因为ng server以后会需要添加一些参数. ...根据文档, 使用下面命令创建一个名为tv-network-list.tscomponent, 并且在app模块进行注册, 如果不存在components文件夹则创建这个文件夹. ng g c components...然后重新运行angular项目, 这时只能使用 npm start这个命令, 如果想使用ng serve 命令则必须把后边参数加上. 重新访问TvNetworks菜单: ? 这次读取api成功了.

    2.4K50

    Angular入门,开发环境搭建,使用Angular CLI创建你第一个Angular项目

    前言:   最近一直在使用阿里NG-ZORRO(Angular组件库)开发公司后端管理系统,写了一段时间Angular以后发现对于我们.NET后端开发而言真是非常友善。...[请求数据使用] ngDoCheck() 检测,并在发生 Angular 无法或不愿意自己检测变化时作出反应。...Angular项目创建并运行: 通过Angular脚手架创建一个新项目: 在终端(win+r 输入cmd)中打开E:\Angular 文件目录,输入一下命令新建项目ng new MyAngularProject...(项目名称) ?...直接通过命名运行脚手架搭建项目ng serve --open ng serve 命令会启动开发服务器、监视文件,并在这些文件发生更改时重建应用。

    2.8K20

    Angular CLI 使用教程指南参考

    输出详细信息 --skip-npm 在项目第一次创建不执行任何npm命令 --name 指定创建项目名称 ng serve ng new PROJECT_NAME cd PROJECT_NAME...--verbose -v 输出详细信息 --skip-npm 在项目第一次创建不执行任何npm命令 --name 指定创建项目名称 ng completion 命令 描述 ng completion...将自动完成功能添加到ng命令shell中 ng doc 命令 描述 ng doc 在浏览器中打开Angular文档并搜索当前关键字 ng e2e 命令 描述 ng e2e 使用...ng g module my-module Route ng g route my-route当前已禁用 构建组件都会使用自用目录,除非 --flat 单独指定....ng build可以指定构建目标(--target = production或--target = development)和要与该构建一起使用环境文件(--environment = dev或--environment

    3K50

    angularjs学习第一天笔记

    c.数据绑定模块默认格式为{{参数名称}},当然这个格式是可以自定义设置     d.第DOM标签添加angular属性,都是以ng-开始     e.angular框架中数据模型数据变更会动态绑定显示到...= oldValue) { console.log("name值又发生了改变:改变前值:【" + oldValue + "】、改变后值【" + newValue +...AngularJS允许我们使用angular.module()方法来声明模块,这个方法能够接受两个参数, 第一个是模块名称,第二个是依赖列表,也就是可以被注入到模块中对象列表。...,甚至是系统外组件       j.可以进行嵌套,隔离业务功能和数据       k.给表达式提供运算所需执行环境   6、控制器   控制器关键词为ng-controller,其作用还是讲页面逻辑根据功能模块分割中更小模块...控制器是可以嵌套,作用域也是嵌套     定义使用方式如下:     var app = angular.module('模块名称', []);     app.controller('控制器名称'

    2.2K10

    angularjs学习第一天笔记

    c.数据绑定模块默认格式为{{参数名称}},当然这个格式是可以自定义设置     d.第DOM标签添加angular属性,都是以ng-开始     e.angular框架中数据模型数据变更会动态绑定显示到...= oldValue) { console.log("name值又发生了改变:改变前值:【" + oldValue + "】、改变后值【" + newValue +...AngularJS允许我们使用angular.module()方法来声明模块,这个方法能够接受两个参数, 第一个是模块名称,第二个是依赖列表,也就是可以被注入到模块中对象列表。...,甚至是系统外组件       j.可以进行嵌套,隔离业务功能和数据       k.给表达式提供运算所需执行环境   6、控制器   控制器关键词为ng-controller,其作用还是讲页面逻辑根据功能模块分割中更小模块...控制器是可以嵌套,作用域也是嵌套     定义使用方式如下:     var app = angular.module('模块名称', []);     app.controller('控制器名称

    2.1K30

    前端MVC学习总结(一)——MVC概要与angular概要、模板与数据绑定

    即刻阅读指南开始构建应用! 灵活 简单小巧核心,渐进式技术栈,足以应付任何规模应用。...项目,则先要添加对angularJS引用,有如下几个方法: 1)、去angular官网或git下载,地址:https://github.com/angular/ 2)、使用cdn 3)、安装node.js...angular.module(name,[requires],[configFn]); name:模块名称,必须指定 requires:依赖项,要被添加到注入器服务提供这个模块使用模块名数组,如果需要另一个模块功能...: 方法二与方法一区别: 使用模块标签{{ }}加载慢或渲染慢用户将看到标签,而ng-bind不会,但是使用模块要方便。...使用ng-model属性把元素绑定到模型属性上,如果$scope上不存在,则立即创建,如果存在则绑定,允许同时绑定到多个HTML元素上。

    15.3K100

    如何使用Angular CLI和PM2运行Angular应用程序

    Angular CLI是Angular框架命令行界面,用于在开发过程中在本地创建,构建和运行应用程序。 它旨在在开发服务器上构建和测试Angular项目。...#install PM2 第3步:使用Angular CLI创建Angular项目 现在进入服务器webroot目录,然后使用Angular CLI创建,构建和提供Angular应用程序(称为sysmon-app...,将其替换sysmon-app名称)。...$ cd sysmon-app $ sudo ng serve 使用Angular CLI提供Angular App 从ng serve命令输出中,您可以看到Angular应用程序未在后台运行,您无法再访问命令提示符...终止正在运行Angular App 第4步:使用PM2永远运行Angular项目 要使新应用程序在后台运行,请释放命令提示符,使用PM2为其提供服务,如图所示。

    2.9K40

    前端MVC学习总结(一)——MVC概要与angular概要、模板与数据绑定

    即刻阅读指南开始构建应用! 灵活 简单小巧核心,渐进式技术栈,足以应付任何规模应用。...angular.module(name,[requires],[configFn]); name:模块名称,必须指定 requires:依赖项,要被添加到注入器服务提供这个模块使用模块名数组,如果需要另一个模块功能...当加载慢效果: ? 方法二与方法一区别: 使用模块标签{{ }}加载慢或渲染慢用户将看到标签,而ng-bind不会,但是使用模块要方便。...2.3、ng-model 使用ng-model属性把元素绑定到模型属性上,如果$scope上不存在,则立即创建,如果存在则绑定,允许同时绑定到多个HTML元素上。...2.10、ng-src与ng-href 用于指定资源路径。 在src或者href属性上简单使用{{}}绑定时无法很好运行,出现404错误因为图片加载可能模板还未被替换成真实路径。

    12.6K30

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

    从版本2开始,Angular不再是一个JavaScript框架,所以它们之间有很大区别,保证了一个基本名称变更。 我应该使用Angular吗?...这取决于有些开发人员会告诉你最好使用React并在没有额外代码情况下构建自己组件。但这也可能是一个问题。...Angular是一个完全集成框架,可以让您快速开始项目工作,无需考虑选择哪个库以及如何处理日常问题。我认为Angular是作为前端,就像RoR是作为后端。...您可以在项目的所有部分使用该文件中值,并environment.ts在Angular CLI负责提供来自相应项目的内容将其包含在内environment.your-environment.ts。...国际化 构建我们应用程序另一个原因是Angular如何处理国际化,或者以简单语言来讲,国际化。Angular不会在运行时处理它,而是在编译进行处理。让我们为我们应用程序进行配置。

    42.6K10

    Angular 6正式版发布,都有哪些新功能

    Angular 5发布半年之后,Angular 6在昨天正式发布,那么在这个版本有哪些新功能呢?新版本重点关注工具链以及工具链在 Angular运行速度问题。...官方升级手册链接如下: https://update.angular.io/ ng update可以帮助你使用正确版本依赖包,让你依赖包与你应用程序同步,使用 schematics ,第三方还能提供脚本更新...ng update不会取代你软件包管理器,而是在后台使用 npm 或 yarn 来管理依赖包,除了更新和监视依赖包外,ng update还会在必要时候对你项目进行改造。...ng add 另一项新 CLI 命令ng add 将使你项目更容易添加新功能。...CLI v6 现已支持多项目工作区,如多个应用程序或库,CLI 项目angular.json 取代 angular-cli.json 构建和配置项目

    4.2K20

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

    什么是 Angular CLI? Angular CLI 是用于初始化和使用 Angular 项目的官方工具。它使您免于复杂配置和构建工具(如 TypeScript、Webpack 等)麻烦。...注意:您可以免费下载我们Angular 8 书:使用 Angular 8 构建第一个 Web 应用程序》。...生成项目 您可以使用 Angular CLI 通过在命令行界面中运行以下命令来快速生成 Angular 项目: $ ng new frontend 注意:frontend是项目名称。...当然,您可以为您项目选择任何有效名称。由于我们将创建一个全栈应用程序,因此我使用 frontend 作为前端应用程序名称。 如前所述,CLI 会询问您是否要添加 Angular 路由?...因此,您不需要安装本地服务器来为您项目提供服务 —您可以简单地从终端使用 ng serve 命令在本地为您项目提供服务。

    46000

    Angularjs1.X进阶笔记(1)—两种不同双向数据绑定

    那么此处问题其实就在于,在setInterval回调函数中去修改数据模型,没有触发$apply()方法来更新视图,而通过调用Angularjs封装ng-*方法(例如ng-click点击方法)...而当我们再点击4次数字标签(一共点了5次)后,从控制台可以看出,scope.pagination值已经成为10,而页面上使用ng-bind指令获取到结果却依旧是5。...3.2 双向数据绑定实践经验 想要在Angularjs项目中更加稳定地使用双向数据绑定,笔者建议是: 在Angularjs项目中,尽可能地使用Angular告诉你方式去编写所希望实现功能。...我们可以回顾一下上面在使用双向数据绑定发生异常场景: 使用了原生定时器(Angular中你应该使用$interval,$timeout服务) 用类原生方法(bind)为元素添加事件监听器,并在回调函数中修改了变量值...你会发现,每当自己没有按照Angular方式去编写代码,或者没有按照一个模块设计初衷去使用,就无法确切地得到期望结果。

    3.5K20

    如何使用Angular CLI和PM2运行Angular应用程序

    Angular CLI是Angular框架命令行界面,用于在开发过程中在本地创建,构建和运行应用程序。 它旨在在开发服务器上构建和测试Angular项目。...] linuxidc 密码: /usr/local/bin/ng -> /usr/local/lib/node_modules/@angular/cli/bin/ng > @...Angular CLI创建Angular项目 现在进入服务器webroot目录,然后使用Angular CLI创建,构建和提供Angular应用程序(称为sysmon-app,将其替换为应用程序名称...第4步:使用PM2永远运行Angular项目 要使新应用程序在后台运行,请释放命令提示符,使用PM2为其提供服务,如图所示。...PM2还可以帮助执行常见系统管理任务,例如在故障重新启动,停止,重新加载配置而无需停机等等。

    2.2K30

    Angular与MVVM框架

    更多可以参考[译]ng指令中compile与link函数解析 $digest $watch存储了监听函数,当作用域里变量发生变化时,调用$digest方法便会执行该作用域以及它所有子作用域上相关监听函数...(dirty为true),那么外层循环会一直下去(TTL减1),这是为了防止监听函数有可能改变scope情况, // 另外考虑到性能问题,如果TTL从默认值10减为0,则会抛出异常...另外:$RootScopeProvider中提供了digestTtl方法,用于修改TTL值(默认是10),可以这样修改: angular.module('ng').config(['$rootScopeProvider...,则依赖模块作为入参传递,此时可通过序列化函数进行正则匹配,获取依赖模块名称并存入$inject数组中返回,另外,通过函数入参传递依赖方式在严格模式下执行会抛出异常;第二种依赖传递则是通过数组方式...对于像游戏和有图形界面的编辑器之类应用,会进行频繁且复杂DOM操作,和CRUD应用不同。因此,可能不适合用Angular构建。在这种场景下,使用更低抽象层次类库可能会更好。

    3.9K90
    领券