开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

ng build --prod在HTML上抛出属性错误

ng build --prod是Angular框架中的一个命令，用于将Angular应用程序编译为生产环境可用的静态文件。当在HTML上抛出属性错误时，可能是由于以下几个原因导致的：

HTML模板中使用了不存在的属性：检查HTML模板中使用的属性是否正确拼写，并确保它们存在于相关的组件或指令中。
缺少必需的依赖项：Angular应用程序可能依赖于一些第三方库或模块。确保这些依赖项已正确安装并在应用程序中正确引入。
版本不兼容：Angular框架和相关库的版本可能不兼容。确保使用的Angular版本与其他库的版本兼容，并尝试更新到最新版本。
编译器错误：ng build --prod命令会启用AOT（Ahead-of-Time）编译器，该编译器在编译时会进行更严格的类型检查。如果存在类型错误或不兼容的代码，编译过程中会抛出错误。检查应用程序中的代码，确保没有类型错误或不兼容的代码。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。

腾讯云云服务器（CVM）：提供可扩展的计算能力，适用于部署和运行各种应用程序。了解更多信息，请访问：腾讯云云服务器
腾讯云云函数（SCF）：无服务器计算服务，可根据事件触发自动运行代码。适用于构建事件驱动的应用程序。了解更多信息，请访问：腾讯云云函数

相关搜索:Angular 4` `ng build-prod`失败，出现无意义的错误 Angular 5错误(Angular CLI) -无法运行ng build --prod Angular 7- ng build --prod TypeError:无法读取未定义的属性“%1”Angular 8 ng build --prod在'Injectable‘的模板编译过程中出现错误 angular http请求在使用ng build --prod构建时从不返回数据 Angular ng build --prod，output index.html不产生任何内容 angular应用程序在prod上抛出错误，但在dev上工作正常 Angular无法识别ng build --prod上的keyvalue管道中的项 flutter android应用程序在prod build上崩溃 ng build --prod在Terser上失败

相关搜索:

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

有帮助

没帮助

相关·内容

Angular CLI 简介

ng build ng build --prod Environment environment.ts environment..prod.ts 缓存只缓存css里引用的图片所有build的文件 source...build --prod ng build --prod -e=prod ng build --target=production --environment=prod 其它常用的参数还有: --sourcemap...在内存中serve 生产模式build的文件试试 --prod: ng serve --prod 通过文件大小可以看出确实是prod build的. ng eject....打开admin.component.spec.ts: 把这句话填上, 然后就没有错误了: NO_ERRORS_SCHEMA告诉angular忽略那些不识别的元素或者元素属性. ng test的常用参数...如果我想debug e2e, 那么执行这个命令: ng e2e -ee 由于我使用的是mac, 当前这个命令在mac上貌似确实有一个bug: 如果可以正常运行这个命令的话, 终端窗口会出现“Debugger

6K11 0

Angular CLI 使用教程指南参考

该值将被强制转换为正确的类型，或者如果类型无法强制，则会抛出错误。参数描述 --global 设置全局配置值，而不是本地配置值。这也使ng set可以在项目之外工作。...ng build 构建工件将存储在/dist目录中。...# 这是生产构建 ng build --target=production --environment=prod ng build --prod --env=prod ng build --prod...# 这是开发构建 ng build --target=development --environment=dev ng build --dev --e=dev ng build --dev ng build...ng lint 命令描述 ng lint 在项目上运行codelyzer linter ng test 命令描述 ng test [options] 使用 karma 运行单元测试参数描述

3K5 0

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

默认情况下, 它的输出目录在.angular-cli.json文件里ourDir属性配置的, 默认是/dist目录. build之后会看见dist里面有这些文件: inline.bundle.js 这是...执行ng build: ? ? 可以看到生成了这些文件. 把dist里面的index.html格式化一下看看: ? 可以看到它引用了生成的5个js文件....下面运行程序: ng serve -o: ? 可以看到在ng serve的时候, 加载了上述的文件. 因为ng build是开发时的build, 所以没有做任何优化, 文件挺大的....build --prod ng build --prod -e=prod ng build --target=production --environment=prod 其它常用的参数还有: --sourcemap...试试生产环境: ng build --prod ?

2.3K7 0

玩转 Angular 环境变量

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

3.2K2 0

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

该目录是在docker build构建阶段创建的，在Run启动阶段需要手动挂载该目录。...docker-compose相关命令 # build镜像并后台启动 docker-compose up -d --build docker-compose run angular-demo ng test.../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 ....: angular-demo-prod: container_name: something-clever-prod build: context: .

1.6K6 0

Angular Library 快速入门

新建 Workspace $ ng new sf-lib-app $ cd sf-lib-app $ ng serve 在介绍如何创建 Angular Library 之前，让我们来看一下 Angular...文件中添加 sf-lib 项目；在 package.json 文件中添加 ng-packagr 依赖；在 tsconfig.json 文件中添加 sf-lib 库的引用；在项目中的 projects...": { "builder": "@angular-devkit/build-ng-packagr:build", "options": {...build --prod sf-lib 小伙伴们，在构建 Library 时，记得始终添加 —prod 标志。...在完成新建 ButtonComponent 组件的导出工作后，我们需要使用下列命令，重新构建 sf-lib 库： $ ng build --prod sf-lib sf-lib 重新构建成功后，我们就可以在模板中使用刚创建的

2.3K1 0

Angular CLI 常用终端操作命令

CLI常用命令 ---- ng new project-name - 创建一个新项目，置为默认设置 ng build - 构建/编译应用 ng test - 运行单元测试 ng e2e - 运行端到端（...您可以在创建或初始化项目时使用该--routing选项ng new来创建app-routing.module.ts文件。...--environment=dev--environment=prod 可以在 angular-cli.json 该文件中配置映射编译环境路径 //angular-cli.json...build --environment=loca ng build --environment=prod 关于代理服务器 ---- 在webpack的dev服务器中使用代理支持，我们可以高速缓存某些...比如说我们有一台服务器正在运行 http://localhost:8080/api ，我们希望所有的请求都到 http://localhost:4200/api 这个个服务器上。

2.1K4 0

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

", // 指定首页文件，默认值是"index.html" "main": "main.ts", // 指定应用的入门文件 "polyfills": "polyfills.ts"...--hmr 注意开启之后，只是在angular-cli里的webpack添加必要的扩展，等价于webpack-dev-server --hot，还需要在应用代码里处理hmr逻辑，如可在main.ts里添加...--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

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 也可以解决问题。

1.4K2 0

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

date-time-picker name="start_time" [(ngModel)]="start_time" ngDefaultControl /> 六、其他问题 1. http请求内容带url时后台解析错误...升级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:...class="reference-link" >6. html模版里，在style里使用style="color: {{someValidation ? 'red' : ''}}"的内嵌样式失效。

8.1K0 0

Angular2学习笔记

); 选择一个合适的IDE，我选择的是WebStorm; 这样基本上就算是搭好了Angular2简单的开发环境。...主要是模板语言部分以及在模板中使用组件的变量等等。数据绑定。包括属性绑定、事件绑定、插值绑定以及双向绑定，主要用于组件内的变量在页面中的显示以及页面等。服务。...项目发布如果是测试环境，直接ng serve就可以用node服务器在本地的默认4200端口显示页面了。...对于开发环境，可以使用ng serve --prod --aot来进行简单的优化。...不过对于真正的生产环境我们显然不能用node服务器，我这里用的是nginx来部署，具体步骤如下：使用命令ng build --prod --aot来生成dist/文件夹。

2K1 0

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

正式版的配置稍微有些改动，我比较了下基本不大，放心使用系统环境配置 window 安装lts版本的nodejs v6.10.0 ， Angular-cli中的node-sass不支持7.x，装不上的...e2e 跑自动化测试-自己写测试测试用例 test ng test 跑单元测试 -- 自己写 lint ng lint 调用tslint跑整个项目，可以收获一堆警告和错误，--force --fix -...-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开头的命令都是二重封装的。。。

1181 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...还有如果想用cdn的方式引用外部代码，可以直接在index.html的头部写 <script type="text/javascript" src="https://cdn.bootcss.com/

8380 0

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

正式版的配置稍微有些改动，我比较了下基本不大，放心使用 ---- 安装之前 window下：安装lts版本的nodejs[6.10.0] ， Angular-cli中的node-sass不支持7.x，装不上的...及部分模块需要调用这两个依赖进行编译] 或者采用国内的cnpm安装,记得带版本号，有时候不带版本会安装0.0.1版本，cnpm好像会把编译好node-sass装上，不用本地再次编译 -- 亲测多次可用或者安装windows-build-tools...ng lint 调用tslint跑整个项目，可以收获一堆警告和错误，--force --fix --format可以帮助格式和修复部分问题 ---- 启动 ng serve：启动脚手架服务，默认端口...4200；自定义什么看帮助额 ---- 打包 ng build: 开发模式打包，调用的环境文件是/src/environments/environments.ts; ng build --prod: 以前调用...aot打包还需要带上--aot,从beta31开始，--prod模式下自动调用aot打包，调用的环境文件是/src/environments/environments.prod.ts ---- 弹出配置文件

1.8K1 0

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

{ "devDependencies": { - "@angular-devkit/build-angular": "~0.803.21", + "@angular-devkit/build-angular...": "~0.900.1", - "@angular-devkit/build-ng-packagr": "~0.803.21", + "@angular-devkit/build-ng-packagr..."karma-coverage-istanbul-reporter": "~2.1.0", "karma-jasmine": "~2.0.1", - "karma-jasmine-html-reporter...": "^1.4.0", + "karma-jasmine-html-reporter": "^1.4.2", - "ng-packagr": "^5.4.0", + "ng-packagr...这个文件是新增加的，也就是意味着可以使用 --prod 选项来编译 Angular 类库项目。

1.8K0 0

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

因为我们希望我们的应用程序是可抓取和可索引的，所以我们使它通用：城市页面在服务器上呈现，存储为 HTML 文件并由 HTTP 服务器提供服务。...$ git checkout initial 复制代码构建程序： $ npm install $ ng build -prod $ ng build -prod -app server --output-hashing...为此，服务器应用程序将在它生成的 HTML 页面中添加我们要传输的数据。包含在此生成的 HTML 页面中的浏览器应用程序将能够读取此数据。在这个分支查看解决方案。...在浏览器上，我们使用get方法来获取server提供的数据，我们直接提供这些数据。我们还从传输状态中删除了提供的数据，因此页面的重新加载将不再使用提供的数据。...我们可以通过调用 hasKey 方法来检测我们是在服务器上还是在浏览器应用程序上。此方法仅在浏览器中返回 true。

6580 0

Angular-内存溢出的问题

4201 --live-reload false", "build": "ng build", "test": "ng test", "lint": "ng lint",..."e2e": "ng e2e", "build-prod": "node --max_old_space_size=8192 ..../node_modules/@angular/cli/bin/ng build --prod --build--optimizer --base-href /pms/" }, "private"...", "xlsx": "^0.15.2", "zone.js": "~0.8.26" }, "devDependencies": { "@angular-devkit/build-angular..."karma-coverage-istanbul-reporter": "~2.0.1", "karma-jasmine": "~1.1.2", "karma-jasmine-html-reporter

2.3K2 0

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

您可以通过编辑prefix属性将其更改为首选项的前缀.angular-cli.json，因此ng generate在首次使用前最好先这样做。所以，我们有一个组件的构造ngOnInit函数和一个函数。...只是为了让您对这些环境文件在这里有所了解，它们实际上包含在编译阶段的项目中，并且.prod.该部分由--environment交换机为ng serveor 定义ng build。... 作为回报，我们在控制台中得到这个错误： CardListComponent.html:3 ERROR Error...准备生产因此，让我们构建我们的应用程序供生产使用为此，我们运行build命令： ng build --aot -prod 65% building modules 465/466 modules...为此，我们将build-i18n命令添加到scripts我们的部分package.json： "build-i18n": "for lang in en ru; do yarn run ng build

42.5K1 0

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

示例解析下面将基于我在GitHub上的示例项目 angular-universal-starter 来进行讲解。...在 package.json 的 scripts 区配置 build 和 serve 有关的命令： { "scripts": { "ng": "ng", "start...": "ng serve -o", "ssr": "npm run build:ssr && npm run serve:ssr", "prerender": "npm...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

vue-cli脚手架npm相关文件解读（6）build.js

系列文章传送门： 1、build/webpack.base.conf.js 2、build/webpack.prod.conf.js 3、build/webpack.dev.conf.js 4、build...~） /* * npm run build 构建执行文件，主要用于生产环境 * 建议先查阅webapck.prod.conf.js */ // npm和node版本检查 require('....err => { if (err) throw err // 如果删除的过程中出现错误，就抛出这个错误，同时程序终止 // 调用webPack执行构建 webpack(webpackConfig...\n' + ' Opening index.html over file:// won\'t work....\n' )) }) }) 参考：http://www.cnblogs.com/ye-hcj/archive/2017/06.html

7788 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭