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

在--prod build中使用ng2- libraries抛出“意想不到的值...请添加@管道/@指令/@组件注释”

在--prod build中使用ng2-libraries抛出“意想不到的值...请添加@管道/@指令/@组件注释”错误是由于在Angular项目中使用了ng2-libraries时,ngc编译器在生产模式下对代码进行了更严格的检查,要求所有的管道、指令和组件都必须添加注释。

解决这个问题的方法是为所有的管道、指令和组件添加注释。注释可以使用@Pipe、@Directive和@Component装饰器来添加,这些装饰器可以接受一个参数,用于提供注释的说明。

例如,对于一个管道,可以使用@Pipe装饰器来添加注释:

代码语言:txt
复制
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'myPipe',
  pure: false
})
export class MyPipe implements PipeTransform {
  transform(value: any, args?: any): any {
    // 管道的转换逻辑
    return transformedValue;
  }
}

对于一个指令,可以使用@Directive装饰器来添加注释:

代码语言:txt
复制
import { Directive, ElementRef } from '@angular/core';

@Directive({
  selector: '[myDirective]'
})
export class MyDirective {
  constructor(private elementRef: ElementRef) {
    // 指令的逻辑
  }
}

对于一个组件,可以使用@Component装饰器来添加注释:

代码语言:txt
复制
import { Component } from '@angular/core';

@Component({
  selector: 'my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  // 组件的属性和方法
}

添加完注释后,重新运行--prod build命令,错误就会消失。

关于ng2-libraries的具体信息和使用方法,可以参考腾讯云的相关产品和文档:

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

相关·内容

Angular CLI 常用终端操作命令

component home/component/my-new-component //相对生成组件生成位置项目的根目录 src/app/home/component(指令其他等等都可以用该方式生成...CLI生成路由 ---- CLI以多种方式支持路由: 初始化创建项目时,自动添加了 @angular/router ,自动添加到package.json 文件 生成模块路由时候可以使用指令...该--routing选项还会生成与模块名称相同默认组件。 您可以创建或初始化项目时使用该--routing选项ng new来创建app-routing.module.ts文件。...--environment=dev--environment=prod 可以 angular-cli.json 该文件配置映射编译环境路径 //angular-cli.json...ng build --environment=loca ng build --environment=prod 关于代理服务器 ---- webpackdev服务器中使用代理支持,我们可以高速缓存某些

2.1K40

GitLabCICD自动集成和部署到远程服务器

为了可视化该过程,想象添加到配置文件所有脚本与计算机终端上运行命令相同。 这些脚本被分组为job,它们共同组成了一个管道。...在此层次结构,所有三个组件都被视为三个不同阶段[{build_a,build_b},{test_a,test_b},{deploy_a,deploy_b}]。...将YAML文件添加到存储库根目录之前,可以使用CI Lint编写和验证您YAML文件。您也可以通过使用UI可用模板之一来开始使用。...您可以使用Docker安装它,手动下载二进制文件,或使用GitLab提供rpm/deb软件包存储库。在此博客,我将其作为docker服务安装 开始之前,确保已安装Docker。...>设置> CI/CD>变量>展开 添加一个名为SSH_PRIVATE_KEY变量,然后”字段,粘贴刚从服务器复制私钥(如果是AWE EC2,它将是/.pem文件内容) ?

6.2K30
  • Angular2 :从 beta 到 release4.0 版本升级总结

    它标记出该模块拥有的组件指令管道, 并把它们一部分公开出去,以便外部组件使用它们。 它可以向应用依赖注入器添加服务提供商。 具体参考官方文档。...解决办法:app根组件声明provider注入ResultHandler服务,则整个app使用同一个实例。 3....解决办法:1) -prod => --prod --aot=false 2) -prod => --env=prod(可查看ng build -prod Module not found: Error:...解决办法:目前路由事件结束(NavigationEnd)时,手动更新组件状态。 内嵌样式失效。"...解决办法:注入DomSanitizer服务可以把一个标记为可信任,这里添加了一个叫safeUrlpipe组件,位于app/shared/pipe/safe-url.main.pipe.ts。

    8.1K00

    如何在Ubuntu上使用Jenkins自动构建

    GitHub创建一个新存储库。本指南将使用一个简单Node.js应用程序来展示Jenkins管道工作原理。...该any语句表明管道可以使用任何可用代理。 stages:这个块是stage指令集合。 stage:组一个或多个steps。...一个简单场景,只有一个顺序执行其阶段管道足以实现所需最终状态,但您可以定义管道需要时并行运行。有关Jenkins声明性流水线语法详细信息,请参阅官方文档。...接下来,您需要登录您GitHub帐户,为令牌提供说明并生成它。您将看到一个类似于此屏幕: 复制标记,然后将其粘贴到Blue Ocean选项卡上字段。...保存凭据后,您可以管道任何位置使用它们。

    7.9K10

    Angular 2 + 折腾记 :(2)初步认识angular2,不一样开发模式

    '@angular/platform-browser'; // 这也是一个装饰器,用来定义模块和组件相关,比如服务,组件元素,指令,导入导出模块识别 // 每个模块定义必须有这个才能生效...}) export class AppModule { }复制代码 ---- 常见模板指令用法解释 {{item | SliceStr:1:2:'...' }}: 可以响应组件内对应item字段变化..., |是管道,支持多个管道,支持内置管道和自定义管道,:跟随是管道参数,后续文档我写一个如何自定义管道文章 []="":绑定组件[单向,数据流向视图],指令,原生html控件自身属性[value...b : 会判断item是否有a这个,防止undefined或者null让视图渲染报错 ---- 最最最常用内置指令 样式绑定(ngClass) [ngClass]或者[ngStyle]:可以传递一个对象...哦,还少说了服务这块,看着安排,这些说完之后就直接开搞一些小玩意,比如自定义管道,上传组件,自定义指令这些。。。发现文章有错误,或者有更好讲解,请留言指出,我会及时修正,谢谢!

    6.2K20

    Angular 2.x折腾记 :(2)初步认识angular2,不一样开发模式

    (polyfill),文件内有详细注释 typings.d.ts : 全局变量声明文件 testconfig.*.json: 不同模式下调用tsconfig配置文件 app目录下(分很彻底,写起来跟常规基本一样...'@angular/platform-browser'; // 这也是一个装饰器,用来定义模块和组件相关,比如服务,组件元素,指令,导入导出模块识别 // 每个模块定义必须有这个才能生效...}) export class AppModule { } ``` 常见模板指令用法解释 {{item | SliceStr:1:2:'...' }}: 可以响应组件内对应item字段变化..., |是管道,支持多个管道,支持内置管道和自定义管道,:跟随是管道参数,后续文档我写一个如何自定义管道文章 []="":绑定组件[单向,数据流向视图],指令,原生html控件自身属性[value...b : 会判断item是否有a这个,防止undefined或者null让视图渲染报错 最常用内置指令 样式绑定(ngClass) [ngClass]或者[ngStyle]:可以传递一个对象,用来动态判断增加多个样式

    10310

    使用深度学习模型 Java 执行文本情感分析

    积极? 消极? 中性使用斯坦福 CoreNLP 组件以及几行代码便可对句子进行分析。...本文介绍如何使用集成到斯坦福 CoreNLP(一个用于自然语言处理开源库)情感工具 Java 实现此类任务。... Java 代码,Stanford CoreNLP 情感分类器使用如下。 首先,您通过添加执行情感分析所需注释器(例如标记化、拆分、解析和情感)来构建文本处理管道。...然后,情感注释器处理这些依赖表示,将它们与底层模型进行比较,以构建带有每个句子情感标签(注释化树。...首先新建一个maven项目,并手动将stanford-corenlp-4.3.2添加Libraries以下示例,您将实现一个简单 Java 程序,该程序运行斯坦福 CoreNLP 管道

    1.9K20

    angular入门教程_初学者织围巾简单教程慢动作

    所以,正常开发过程里面请不要加 –prod 参数。 ng serve 是在内存里面生成项目,如果你想看到项目编译之后产物,运行 ng build。...构建最终产品版本可以加参数,ng buildprod。...模板内局部变量 属性绑定、事件绑定、双向绑定 模板里面使用结构型指令 *ngIf、*ngFor、ngSwitch 模板里面使用属性型指令 NgClass、NgStyle、NgModel 模板里面使用管道格式化数据...如果真的出现了重名,Angular 会按照以下优先级来进行处理: 模板局部变量 > 指令同名变量 > 组件同名属性。...Date = new Date(); Angular里面一共内置了12个管道复杂业务场景里面,12个管道肯定不够用,如果需要自定义管道查看这里例子。

    3.3K20

    Angular CLI 使用教程指南参考

    npm命令 --name 指定创建项目的名称 ng completion 命令 描述 ng completion 将自动完成功能添加到ng命令shell ng doc 命令 描述 ng doc...CLI配置设置 默认情况下,如果在项目内部运行,则设置项目配置,如果不在项目内部,则失败。...pathN参数是一个有效JavaScript路径,如“users [1] .userName”。 该将被强制转换为正确类型,或者如果类型无法强制,则会抛出错误。...参数 描述 --global 设置全局配置,而不是本地配置。 这也使ng set可以项目之外工作。 ng build 构建工件将存储/dist目录。...# 这是生产构建 ng build --target=production --environment=prod ng build --prod --env=prod ng build --prod

    3K50

    Webpack组件库打包超详细指南

    我们新建了build用于打包配置,doc存放文档,lib存放打包输出文件。 2. 打包配置 不同需求打包配置,放在不同文件,是很好做法。...我们打包配置有一个基类文件,并根据不同打包需求,有不同子类文件——完整组件库打包、单个组件打包、打包示例工程。 通过npmscript配置脚本,简化打包命令。...我们package.json文件里面添加一个打包命令。...示例工程 为了方便在开发过程调试组件,我们可以添加一个入口,用于拉起一个html页面进行调试。这与我们创建一个普通vue页面的操作是一样,具体配置可以看webpack.demo.js。...,不是完整版webpack模版,需要主动html文件里面引入打包输出js文件dist/main.js,如果你示例页面一片空白,检查一下输出文件是否正确引入。

    3.1K11

    如何为你微信小程序瘦身?

    避免使用本地大图片、大资源文件 避免小程序UI上使用大图片,应该尽可能通过颜色样式来装点你小程序 或者,使用小而精致小图标来点缀 如果实在想用大图片,那不要将图片放进小程序本地代码,应该采用从一个远程...不要让你代码太啰嗦 JavaScript代码层面,审慎考虑你代码逻辑,不要把一个很简单逻辑洋洋洒洒写了一大堆,优化和精简你代码。...视图层面,尽量避免不必要组件嵌套,能用一个view做到,就不要再多套一层view。...小程序,我们大致有这么几类可以使用工具进行优化文件: JSON文件 我们可以使用jsonminify来压缩JSON文件,去处JSON文件多余空格 JavaScript文件 使用uglify...,对JS代码进行语法优化和文本压缩 WXML文件 使用htmlmin,可以对WXML文件多余空格,注释等进行清理 WXSS文件 可以使用LESS提供特性,对小程序全局WXSS进行合并;使用

    72450

    【CPLEX教程02】配置CplexJava环境以及API说明

    关于matlab和python也许后续会补上吧。 然后开始之前,照例先把环境给配置好。那么就先配置java环境吧。 01 添加环境变量 前面已经说了怎么下载和安装cplex了,如图: ?...其他开发环境大家自行设置哈。 新建一个工程,添加一个package,添加一个带main函数类。代码先别写。 ?...项目右键,选择build path -> Configure Build Path…… ?...具体做法是:项目右键,选择build path -> Configure Build Path……,找到Libraries,点开JRE System Library,Native library location...最后,如果提示找不到build path ,share libraries什么确保第一步配置正确!至此,我们已经能愉快使用cplex啦。

    1.7K30

    Kubernetes 上使用 Spinnaker 构建部署流水线

    本博文中,我们将使用 Active Directory (LDAP) 身份认证机制。如果您还没有身份提供商,遵循 AWS 托管 Microsoft AD 文档说明。... Spinnaker 构建 CI/CD 管道使用来自 GitHub Web-hook 自动化编译,手动批准生产环境部署。 运行管道并部署应用程序。 测试。 清除。...安装过程,我们来谈谈我们将在本博文中用到一些 Spinnaker 组件。有关 Spinnaker 详细架构和组件,请参阅 Spinnaker 参考架构。...第 8 步: Spinnaker 构建 CI/CD 管道 开始构建此管道前,您需要了解一些 Spinnaker 概念: 应用 — 应用是指您将使用 Spinnaker 部署服务、该服务所有配置以及它运行所需所有基础实施...8.4 添加 Bake 阶段 现在我们管道配置已经完成,可以添加阶段 Bake dev — 此阶段将使用 dev.yaml 覆盖,通过 Helm v2 来渲染部署模板。

    3K20

    持续集成gitlab-ci.yml配置文档基础

    variables GItLab CI 允许 .gitlab-ci.yml 文件添加变量,并在job环境起作用。...如果你想要手动操作指令产生阻塞,首先需要在job配置文件 .gitlab-ci.yml 添加 allow_failure:false ,可选手动操作指令默认设置allow_failure:true...信息包含[ci skip] 或者 [skip ci],不论大小写,那么这个commit将会创建但是jobs也会跳过; 0x03 管道介绍 管道是持续集成、交付和部署顶级组件是一组分阶段(批处理)执行工作...若要关闭作业全局定义变量,定义一个空hash: job_name: variables: {} #您可以变量定义中使用其他变量(或使用$$将其转义): variables: LS_CMD...Deploment variables 负责部署配置项目服务可以定义构建环境设置自己变量。这些变量只定义用于部署job。参考您正在使用项目服务文档,以了解他们定义变量。

    14.9K30

    持续集成gitlab-ci.yml配置文档基础

    variables GItLab CI 允许 .gitlab-ci.yml 文件添加变量,并在job环境起作用。...如果你想要手动操作指令产生阻塞,首先需要在job配置文件 .gitlab-ci.yml 添加 allow_failure:false ,可选手动操作指令默认设置allow_failure:true...信息包含 [ci skip] 或者 [skip ci],不论大小写,那么这个commit将会创建但是jobs也会跳过; 0x03 管道介绍 管道是持续集成、交付和部署顶级组件是一组分阶段(批处理)执行工作...若要关闭作业全局定义变量,定义一个空hash: job_name: variables: {} #您可以变量定义中使用其他变量(或使用$$将其转义): variables: LS_CMD...Deploment variables 负责部署配置项目服务可以定义构建环境设置自己变量。这些变量只定义用于部署job。参考您正在使用项目服务文档,以了解他们定义变量。

    11.9K20

    【Android FFMPEG 开发】FFMPEG 交叉编译配置 ( 下载 | 配置脚本 | 输出路径 | 函数库配置 | 程序配置 | 组件配置 | 编码解码配置 | 交叉编译配置 | 最终脚本 )

    /configure --help 命令 , 即可查看帮助信息 , 建议先将帮助信息熟悉一遍再进行编译 ; 博客资源中有一份完整 configure 帮助信息内容 , 我对使用文档进行了注释...交叉编译配置 ( 重点 ) : 配置交叉编译工具链 , 头文件与库文件查找路径参数 , GCC 编译器参数 , CPU 指令集架构等参数 ; 下面介绍所有配置命令都是 FFMPEG 源码根目录层级执行...: #配置选项 # 是否关闭静态库编译 , 默认是 no 会编译静态库 # 如果设置该选项 , 编译时不会编译静态库 ; # 这里使用默认 , 即要编译出静态库 Android 中使用...这里也使用默认 --enable-shared build shared libraries [no] # 优化函数库大小 , 但是编译速度很慢 ;...② 使用情况 : Android 开发只需要 FFMPEG 函数库 , 不需要这些程序 , 建议关闭命令行程序编译选项 ; ③ 配置命令 : 调用 .

    1.4K20

    CMAKE使用手记

    文章目录 致谢 编译与源代码分离 CMakeLists.txt 自动继承父目录 CMake 脚本基本语法 注释 指令 变量 字符串展开变量 转义字符串 脚本流程控制 条件语句 循环语句 常用命令...---- CMake 脚本基本语法 注释 # 这是注释 ---- 指令 CMake script 由一连串指令 (command) 组成,每个指令可有零至多个参数。...---- 变量 撰写 CMakeLists 时可以使用变量储存资料以及作为指令参数。 CMake 变量具有以下特征: 1、变量严格区分大小写!...无论是赋值,还是比较、判断操作,都是通过内置指令来完成。 5、变量可以认为都是全局,哪怕一个宏定义变量,也可以外面被访问到。 如果字符串不包含空格,那么可以不加引号,直接使用。...CMAKE_BINARY_DIR 内容为 binary tree 根目录完整路径, in-source build 时候与 CMAKE_SOURCE_DIR 相同。

    52120

    2018-08-16 好漂亮后台模板附教程vue-element-adminvue-element-admin

    使用了最新前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型业务模型,提供了丰富功能组件,它可以帮助你快速搭建企业级后台产品原型。...所以若还想使用webpack3开发,请使用该分支webpack3 该项目不支持低版本浏览器(如 ie),有需求自行添加 polyfill 详情 前序准备 你需要在本地安装 node 和 git。...http://localhost:9527 发布 # 构建测试环境 npm run build:sit # 构建生产环境 npm run build:prod 其它 # --report to build...npm run build:prod --generate_report # --preview to start a server in local to preview npm run build...:prod --preview # lint code npm run lint # auto fix npm run lint -- --fix 更多信息参考 使用文档 Changelog Detailed

    7.6K40
    领券