开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

使用ng build --prod的类型上不存在属性“”NameNews“”

使用ng build --prod的类型上不存在属性“NameNews”。

这个错误提示是由Angular编译器生成的，它表明在执行ng build --prod命令时，编译器无法找到一个名为"NameNews"的属性。

要解决这个问题，可以按照以下步骤进行排查和修复：

检查代码中的拼写错误：首先，检查你的代码中是否存在拼写错误。确保你在代码中正确地使用了"NameNews"属性，并且没有拼写错误或者大小写错误。
检查模板文件：如果"NameNews"是在模板文件中使用的属性，确保你在模板文件中正确地绑定了该属性。检查模板文件中的语法错误或者其他可能导致编译器无法识别属性的问题。
检查类型定义：如果"NameNews"是一个自定义的属性，确保你在相应的类型定义文件中正确地声明了该属性。检查类型定义文件中是否存在拼写错误或者其他语法错误。
检查依赖项：有时候，这个错误可能是由于缺少某个依赖项导致的。检查你的项目配置文件（如package.json）中的依赖项，确保你的项目中包含了所有必要的依赖项，并且它们的版本是兼容的。

如果以上步骤都没有解决问题，那么可能需要更详细地检查你的代码和项目配置。你可以尝试使用调试工具来定位错误的位置，并查找相关的文档或者社区支持来获取更多帮助。

腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙（Tencent Real-Time Rendering (TRTR)）：https://cloud.tencent.com/product/trtr

相关搜索:Angular 2-使用"npm“构建用于生产的"dist”，而不是"ng build -prod“Angular 7- ng build --prod TypeError:无法读取未定义的属性“%1”angular中的类型对象上不存在属性 Angular无法识别ng build --prod上的keyvalue管道中的项 CredentialsDao的类型“typeof”上不存在属性findOneTImeTokenCredentialsByEmail GraphQL查询结果中的类型上不存在属性 ng build --prod在HTML上抛出属性错误 “http”“的类型”“typeof”“上不存在属性”“Server”“具有TypeScript的Phaser上的联合类型上不存在属性在ng build prod之后，我不能使用我的rest api

相关搜索:

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

有帮助

没帮助

相关·内容

Angular CLI 简介

--directory: 可以设定生成的目录, 默认是使用的项目名称. --style: 可以设定样式的类型, 默认是css, 例如可以改成scss....ng build ng build --prod Environment environment.ts environment..prod.ts 缓存只缓存css里引用的图片所有build的文件 source...=dev 下面则是生产build: ng build --prod ng build --prod -e=prod ng build --target=production --environment=...试试生产环境: ng build --prod 可以看到所有的文件都非常小了, 并且没有vendor了(因为prod下--build-optimizer起作用所以vendor没有了, 但可以使用--vendor-chunk...--proxy-config -pc 代理配置 --prod 在内存中serve 生产模式build的文件试试 --prod: ng serve --prod 通过文件大小可以看出确实是prod

6K11 0

玩转 Angular 环境变量

environment.ts 和 environment.prod.ts 在 Angular CLI 发布后，越来越多的开发者都是使用 Angular CLI 来创建新的项目： $ ng new PROJECT-NAME...通过上面的注释，我们知道在执行 ng build ---prod 命令，进行项目构建的时候，会执行文件替换操作。...build --prod 那么有的同学，可能想到对于构建测试环境的包，是不是只要运行： $ ng build --test 想象中很完美，但实际上并不是这样，ng build 命令并不支持 --test...参数，感兴趣的同学可以运行 ng build --help 命令查看 ng build 命令所支持的参数： usage: ng build [options] options:...其实 ng build 命令支持很多的参数，上面我们只是列出了常用的几个。

3.2K2 0

Angular Library 快速入门

： root —— 指向 library 库的根文件夹； sourceRoot —— library 库实际的源码目录； projectType —— 指定项目的类型； prefix —— 指定组件使用的前缀...： $ ng build --prod sf-lib 小伙伴们，在构建 Library 时，记得始终添加 —prod 标志。...的 paths 属性中查找，然后再 node_modules 中查找。...创建 sf-lib 组件相信 ng generate 命令对于使用过 Angular CLI 的同学来说，都不会陌生。...在完成新建 ButtonComponent 组件的导出工作后，我们需要使用下列命令，重新构建 sf-lib 库： $ ng build --prod sf-lib sf-lib 重新构建成功后，我们就可以在模板中使用刚创建的

2.4K1 0

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

默认情况下, 它的输出目录在.angular-cli.json文件里ourDir属性配置的, 默认是/dist目录. build之后会看见dist里面有这些文件: inline.bundle.js 这是...ng build ng build --prod Environment environment.ts environment..prod.ts 缓存只缓存css里引用的图片所有build的文件 source...=dev 下面则是生产build: ng build --prod ng build --prod -e=prod ng build --target=production --environment=...先使用--aot: ng build --aot ? 使用aot之后可以看到 vendor.bundle的大小降了很多, 只有1.5m左右了....--proxy-config -pc 代理配置 --prod 在内存中serve 生产模式build的文件试试 --prod: ng serve --prod ?

2.3K7 0

Angular CLI 使用教程指南参考

[options] 在项目中构建新代码 ng g [options] 简写支持的类型用法 Component ng g component my-new-component...pathN参数是一个有效的JavaScript路径，如“users [1] .userName”。该值将被强制转换为正确的类型，或者如果类型无法强制，则会抛出错误。...ng build可以指定构建目标（--target = production或--target = development）和要与该构建一起使用的环境文件（--environment = dev或--environment...# 这是生产构建 ng build --target=production --environment=prod ng build --prod --env=prod ng build --prod...ng lint 命令描述 ng lint 在项目上运行codelyzer linter ng test 命令描述 ng test [options] 使用 karma 运行单元测试参数描述

3K5 0

Angular CLI 常用终端操作命令

CLI常用命令 ---- ng new project-name - 创建一个新项目，置为默认设置 ng build - 构建/编译应用 ng test - 运行单元测试 ng e2e - 运行端到端（...该--routing选项还会生成与模块名称相同的默认组件。您可以在创建或初始化项目时使用该--routing选项ng new来创建app-routing.module.ts文件。...关CLI构建编译项目 ---- 输入命令 ng build 来编译项目，生成编译后的文件存放目录在项目根目录下 dist/ 目录下面关于...CLI 构建正式服务器打包文件和测试环境文件还有本地文件 ---- ng build 可以同时指定要与该构建（或）一起使用的构建目标（ --target...ng build --environment=loca ng build --environment=prod 关于代理服务器 ---- 在webpack的dev服务器中使用代理支持，我们可以高速缓存某些

2.1K4 0

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

文件 "tsconfig":"tsconfig.app.json", "prefix": "app", // 使用`ng generate`命令时，自动为selector元数据的值添加的前缀名...常用命令的通用关键参数解释 1.ng serve --host (self) 指定本地Server绑定的域名，默认值：localhost.如果希望使用self来访问你的站点，须加入以上参数 2.ng serve...--base-href 指定站点的起始路径，如果你希望你的站点根路径为www.abc.com/mypath/，需要这样设置：ng build --base-href /mypath/ 6....下面两条等价： ng build --target=production ng build --prod 7.--environment 指定应用执行环境。...下面两句等价： ng build --environment=prod ng build --env=prod 构建时会加载angular-cli.json指定的环境配置文件： "environments

1.6K3 0

docker学习系列19 容器化Angular项目

该目录是在docker build构建阶段创建的，在Run启动阶段需要手动挂载该目录。...--watch=false ng e2e docker-compose stop 生产环境创建一个生产环境用的Docker配置文件，Dockerfile-prod #################.../usr/src/app # run tests RUN ng test --watch=false # generate build RUN npm run build ############...打包镜像-f表示指定文件，docker build -f Dockerfile-prod -t angular-demo-prod ....运行 docker run -it -p 80:80 --rm angular-demo-prod 对应的docker-compose-prod.yml version: '3.5' services

1.6K6 0

Angular CLI 升级 6.0 之后遇到的问题

Angular CLI 1.7.4 在使用 ng build --prod 会构建失败，而 ng build 是正常的。...比较好的解决办法是使用 ng build --prod --extract-license=false 或者 ng build --prod --no-extract-license。...最近将 Angular CLI 升级到 6.X 之后，直接 ng build 会报以下错误，ng serve 也是如此。...但是使用 ng build --prod 是正常的。同样地，使用 ng build --extract-license=false 也可以解决问题。...简单看一下，问题是由 license-webpack-plugin 插件引起的。这款插件用于输出第三方插件的许可协议。老外比较重视版权吧。但是不知道为什么总是在这个地方出问题。

1.4K2 0

Angular 工具篇之分析包的大小

下面我们将使用 Github 上的 angular6-example-app 这个项目来演示上述两个工具的使用案例，首先我们先来初始化 angular6-example-app 这个项目。...： $ npm i webpack-bundle-analyzer --save-dev 接下来我们使用 Angular CLI 来构建项目，在构建的时候，需要添加相关参数，具体如下： $ ng build...在 angular6-example-app 项目中，也为我们提供了相应的 npm script，具体如下： "bundle-report": "ng build --prod --stats-json...首先我们先来在当前项目中安装 source-map-explorer： $ npm i source-map-explorer --save-dev 然后在重新进行项目构建： $ ng build --...为了方便操作，我们也可以定义一个 npm script 任务来处理上述的工作： "map-explorer": "ng build --prod --source-map && source-map-explorer

2.4K4 0

Angular 2.x折腾记：(1)初识Angular-cli及脱坑要点

正式版的配置稍微有些改动，我比较了下基本不大，放心使用系统环境配置 window 安装lts版本的nodejs v6.10.0 ， Angular-cli中的node-sass不支持7.x，装不上的...的脚本，用curl或者wget都行，前者有些不预装，后者基本都有其次，linux下推荐用yarn替代npm，使用起来体验好很多，速度也快很多 # 下载公钥 curl -sS https://dl.yarnpkg.com...-format可以帮助格式和修复部分问题启动 ng serve：启动脚手架服务，默认端口4200；自定义什么看帮助额打包 ng build: 开发模式打包，调用的环境文件是/src/environments.../environments.ts; ng build --prod: 以前调用aot打包还需要带上--aot,从beta31开始，--prod模式下自动调用aot打包，调用的环境文件是/src/environments.../environments.prod.ts 弹出配置文件(还原真实的配置文件) ng eject : 这个东西的配置很多，可以弹出各种各样的源配置和文件我们看到的ng开头的命令都是二重封装的。。。

1401 0

Angular2 ：从 beta 到 release4.0 版本升级总结

]="{standalone: true}" /> 若要在[ngFormModel]属性的内使用#url="ngForm"来进行验证，需更改验证url.valad为mgform.controls.url.valid...升级angular-cli版本失败原因：angular-cli版本升级后，对应webpack版本修改了默认的disableHostCheck属性，导致ng serve --port会出现Invalid...运行npm run build --prod命令失败原因：basically the problem is in AOT and Angular analyzer....解决办法：1) -prod => --prod --aot=false 2) -prod => --env=prod（可查看ng build -prod Module not found: Error:...'red' : ''}}"的内嵌样式失效。原因：angular(v4.1.1)中，需使用[ngStyle]属性方式对样式进行设置。

8.1K0 0

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

正式版的配置稍微有些改动，我比较了下基本不大，放心使用 ---- 安装之前 window下：安装lts版本的nodejs[6.10.0] ， Angular-cli中的node-sass不支持7.x，...装不上的装了visual studio 2015+及python2+ [node-sass及部分模块需要调用这两个依赖进行编译] 或者采用国内的cnpm安装,记得带版本号，有时候不带版本会安装0.0.1...版本，cnpm好像会把编译好node-sass装上，不用本地再次编译 -- 亲测多次可用或者安装windows-build-tools:windows下的依赖库，再执行官方安装命令 Linux下：...4200；自定义什么看帮助额 ---- 打包 ng build: 开发模式打包，调用的环境文件是/src/environments/environments.ts; ng build --prod: 以前调用...aot打包还需要带上--aot,从beta31开始，--prod模式下自动调用aot打包，调用的环境文件是/src/environments/environments.prod.ts ---- 弹出配置文件

1.8K1 0

Angular2打包遇到的问题与解决方法(二）

http://www.jianshu.com/p/8943ff86349a 之前这篇是说了路径的问题这次是说准备部署时的打包首先还是基于这个 ng build --base-href /test.../dist/ 但这样打包出来的代码非常大，所以需要生产环境的打包 ng build --prod --base-href /test/dist/ --save 或者 ng build --prod...的问题开发时不会报错，但生产环境下打包就会报错。...还有类似item.a.b这种如果a是后来才创建的，也会报错，改成item.a['b']这种方式就可以解决。这些报错我的解决方式就是一个个对着去改，不知道还有没有什么更好的方法。...jquery/3.2.1/jquery.min.js"> 另外如果想在ts文件里使用jq的$符号或者类似的，需要在typings.d.ts文件里声明 declare var module

8570 0

手工将项目升级至 Angular 9 记录

虽然它提供了 ng update 命令来升级，但是这个命令会自动调整 package.json 文件依赖项的顺序，导致向其它项目合并时产生不必要的冲突。...": "~0.900.1", - "@angular-devkit/build-ng-packagr": "~0.803.21", + "@angular-devkit/build-ng-packagr...angular.json Angular 9 默认采用 ivy 引擎，所以应用项目 (web) 的 build 选项需要打开 aot 编译。...localize 引入了一些变化，需要导入 @angular/localize/init 文件，如果没有使用 @angular/localize ，则不需要修改。...这个文件是新增加的，也就是意味着可以使用 --prod 选项来编译 Angular 类库项目。

1.8K0 0

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

你要使用 platform-server 模块而不是 platform-browser 模块来编译这个客户端应用，并且在一个 Web 服务器上运行这个 Universal 应用。...： module 属性必须是 commonjs，这样它才能被 require() 方法导入你的服务端应用。...在 package.json 的 scripts 区配置 build 和 serve 有关的命令： { "scripts": { "ng": "ng", "start...run build:prerender && npm run serve:prerender", "build": "ng build", "build:client-and-server-bundles...": "ng build --prod && ng build --prod --app 1 --output-hashing=false", "build:prerender": "npm

4.7K10 0

angular打包报错内存溢出 nodejs 执行失败报错 “JavaScript heap out of memory” 的解决办法

其根本原因在于 nodejs 默认限制了最大可使用的内存大小。 nodejs V8 引擎在 64 位机器上默认限制使用内存最大不超过 1.7GB，超过这个限制官方建议尝试优化为多线程方式。...解决办法可以是增加 nodejs 可使用的最大内存大小，也可以从降低程序内存消耗的角度入手。.../node_modules/@angular/cli/bin/ng serve", "prod": "node --max_old_space_size=8000 ..../node_modules/@angular/cli/bin/ng build --prod", } } 解决办法二：项目构建流程关闭 sourcemap 生成以 Angular 为例，对于越来越庞大的...方法为在 angular.json中设置 build.options.sourceMap 的值为 false，同时在 tsconfig.json 中设置 compilerOptions.sourceMap

6.1K2 0

angular组件的基本使用

angular组件的基本使用组件组件模板 ng generate component xxx 新建组件(大驼峰命名) 属性绑定 public...通讯方案直接的父子关系，父组件直接访问子组件的 public 属性和方法直接的父子关系，借助于 @Input 和 @Output 进行通讯没有直接关系，借助于 Service 单例进行通讯利用...ViewChild(ChildComponent) private childComponent: ChildComponent; @Input 和 @Output @Input ,在父组件设置子组件的属性...//子组件 @Input() public panelTitle:string; //父组件上可以这样设置 panelTitle 这个参数 </...build --prod(压缩代码) --source-map 帮助调试 ng test 单元测试项目检出,git checkout template

1.5K3 0

Angular中environments的神奇之处

前言在使用angular脚手架构建angular项目时，都会给我们生成一个名叫environments的文件夹。从字面意识理解像是环境变量的意思。 ?...关键在这里到angular-cli.json文件找到environments这个属性进行配置，比如 ? 这才是起作用的地方使用 ? 奇怪它怎么知道是哪个文件呢？...本地调试的时候 ng s -e=prod 简单解释下， ng：angular脚手架提供的命令操作 s: serve 的简写，运行程序 -e=prod： -env=prod的简写，大概意思就是启用prod...的运行环境配置，prod就是在上面json文件中配置的环境名。...简化了我们使用 npm run start就等于使用了ng serve --port 4001 --open这个命令。

1.9K2 0

使用 Angular Transfer State 的一个具体例子

因为我们希望我们的应用程序是可抓取和可索引的，所以我们使它通用：城市页面在服务器上呈现，存储为 HTML 文件并由 HTTP 服务器提供服务。...使用下列命令将这个例子 clone 到本地： $ git clone https://github.com/feloy/ng-demo-transfer-state $ cd ng-demo-transfer-state...$ git checkout initial 复制代码构建程序： $ npm install $ ng build -prod $ ng build -prod -app server --output-hashing...复制代码现在，在为组件提供数据的解析器中，我们可以使用 TransferState API：在服务器上，我们首先注册 onSerialize 以提供我们将下载的数据，然后我们从我们的数据提供者那里获取数据...在浏览器上，我们使用get方法来获取server提供的数据，我们直接提供这些数据。我们还从传输状态中删除了提供的数据，因此页面的重新加载将不再使用提供的数据。

6700 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭