开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

ng build工作正常，但ng build --prod给出错误

ng build是Angular框架中的一个命令，用于将应用程序构建为可在浏览器中运行的静态文件。而ng build --prod是在生产环境下进行构建的命令，它会对代码进行优化和压缩，以提高应用程序的性能和加载速度。

当ng build工作正常，但ng build --prod给出错误时，可能是由于以下几个原因导致的：

代码错误：在生产环境下，Angular会进行更严格的代码检查，如果代码中存在错误或不规范的写法，ng build --prod会给出错误。可以通过查看错误信息来定位并修复代码错误。
依赖问题：在生产环境下，Angular会自动进行依赖的树摇（Tree Shaking）和代码压缩，以减小应用程序的体积。如果应用程序中使用了一些第三方库或模块，可能存在与ng build --prod不兼容的情况。可以尝试更新依赖版本或查看相关依赖的文档，以解决依赖问题。
环境配置问题：ng build --prod会使用生产环境的配置文件进行构建，如果配置文件中存在错误或不完整，可能会导致构建错误。可以检查并修复环境配置文件，确保其正确配置。
缺少必要的构建参数：ng build --prod可能需要一些额外的构建参数来完成构建过程，例如指定输出目录、启用AOT（Ahead-of-Time）编译等。可以查看相关文档或命令行帮助信息，了解并提供必要的构建参数。

总之，当ng build --prod给出错误时，需要仔细查看错误信息、检查代码、依赖和环境配置，以及提供必要的构建参数，以解决问题并成功进行生产环境的构建。

腾讯云相关产品推荐：

云服务器（CVM）：提供灵活可扩展的云服务器实例，适用于各种应用场景。详情请参考：https://cloud.tencent.com/product/cvm
云数据库MySQL版（CDB）：高性能、可扩展的关系型数据库服务，适用于各种规模的应用程序。详情请参考：https://cloud.tencent.com/product/cdb_mysql
云存储（COS）：安全可靠的对象存储服务，适用于存储和管理各种类型的数据。详情请参考：https://cloud.tencent.com/product/cos
人工智能机器学习平台（AI Lab）：提供丰富的人工智能算法和模型，帮助开发者快速构建和部署人工智能应用。详情请参考：https://cloud.tencent.com/product/ailab

相关搜索:"ng build --prod“是否等同于"ng build --aot --optimization --extractCss --extractLicenses -buildOptimizer”？Angular 4` `ng build-prod`失败，出现无意义的错误 Angular 5错误(Angular CLI) -无法运行ng build --prod Angular 8 ng build --prod在'Injectable‘的模板编译过程中出现错误 angular http请求在使用ng build --prod构建时从不返回数据 Angular ng build --prod，output index.html不产生任何内容 Angular无法识别ng build --prod上的keyvalue管道中的项 ng build --prod --env=prod不会缩小输出js文件 ng build --prod在HTML上抛出属性错误 ng build --prod在Terser上失败

相关搜索:

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

有帮助

没帮助

相关·内容

angular9 ng start正常，build部署后无法正常加载页面

angular9 本地启动项目正常，构建部署后无法正常加载页面原因 index.html默认源码中如果项目没有部署在‘/’路径上则会无法加载页面其他资源文件解决...修改index.html 或者使用以下命令构建项目 ng build --base-href

1.1K4 0

使用 ng build 构建后资源地址引用错误的问题

最近使用 Angular 做项目的时候，通过 ng build 打包后的资源地址都带有 localhost:4200，百思不得其解，以为是打包的问题。

6962 0

使用 ng build 构建后资源地址引用错误的问题

最近使用 Angular 做项目的时候，通过 ng build 打包后的资源地址都带有 localhost:4200，百思不得其解，以为是打包的问题。

9410 0

Angular CLI 使用教程指南参考

Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本....该值将被强制转换为正确的类型，或者如果类型无法强制，则会抛出错误。参数描述 --global 设置全局配置值，而不是本地配置值。这也使ng set可以在项目之外工作。...= prod）。...# 这是生产构建 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

3K5 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

Angular CLI 简介

首先我针对上面的my-app6执行ng lint: 没有问题. 然后我故意弄出来几处错误/不规范的写法: 然后再执行ng lint: 可以看到这些错误都被详细的列了出来....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...试试生产环境: ng build --prod 可以看到所有的文件都非常小了, 并且没有vendor了(因为prod下--build-optimizer起作用所以vendor没有了, 但可以使用--vendor-chunk...在内存中serve 生产模式build的文件试试 --prod: ng serve --prod 通过文件大小可以看出确实是prod build的. ng eject.

6K11 0

玩转 Angular 环境变量

// This file can be replaced during build by using the `fileReplacements` array. // `ng build ---prod...通过上面的注释，我们知道在执行 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 CLI进行Build (构建) 和 Serve

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...试试生产环境: ng build --prod ?...在内存中serve 生产模式build的文件试试 --prod: ng serve --prod ?...通过文件大小可以看出确实是prod build的. ng eject. 为项目生成webpack配置和脚本. 执行该命令试试: ? 看看有哪些变化: .angular-cli.json: ?

2.3K7 0

Angular Library 快速入门

": { "builder": "@angular-devkit/build-ng-packagr:build", "options": {..."configurations": { "production": { "project": "projects/sf-lib/ng-package.prod.json...build --prod sf-lib 小伙伴们，在构建 Library 时，记得始终添加 —prod 标志。...在应用中使用 sf-lib 库 import { SfLibModule } from "sf-lib"; 以上代码能正常导入 Library，是因为 Angular CLI 会优先从 tsconfig.json...在完成新建 ButtonComponent 组件的导出工作后，我们需要使用下列命令，重新构建 sf-lib 库： $ ng build --prod sf-lib sf-lib 重新构建成功后，我们就可以在模板中使用刚创建的

2.4K1 0

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

常用命令的通用关键参数解释 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...": { "dev": "environments/environment.ts", "prod": "environments/environment.prod.ts" }

1.6K3 0

Angular CLI 常用终端操作命令

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

2.1K4 0

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

及python2+ 采用国内的cnpm安装记得带版本号，有时候不带版本会安装0.0.1版本,cnpm好像会把编译好node-sass装上，不用本地再次编译 -- 亲测多次可用安装windows-build-tools...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开头的命令都是二重封装的。。。

1371 0

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

docker-compose相关命令 # build镜像并后台启动 docker-compose up -d --build docker-compose run angular-demo ng test...--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 ....: angular-demo-prod: container_name: something-clever-prod build: context: .

1.6K6 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...no-extract-license --base-href /test/dist/ --save 不过这样打包可能会报错，这是因为生产环境的打包检查代码会按照严格模式，一些public写成private的问题开发时不会报错，但生产环境下打包就会报错

8560 0

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

及部分模块需要调用这两个依赖进行编译] 或者采用国内的cnpm安装,记得带版本号，有时候不带版本会安装0.0.1版本，cnpm好像会把编译好node-sass装上，不用本地再次编译 -- 亲测多次可用或者安装windows-build-tools...新建一个类 Interface ng g interface my-new-interface 新建一个接口 Enum ng g enum my-new-enum 新建一个枚举 Module ng g...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-内存溢出的问题

": "ng", "start": "ng serve --host 0.0.0.0 ", "start-un-live": "ng serve --host 0.0.0.0 --port...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

2.3K2 0

Angular 工具篇之分析包的大小

build --prod --stats-json 当项目构建完成后，在根目录下的 dist 文件夹下会生成一个 stats.json 文件，然后我们可以通过以下的命令来查看 webpack 打包文件大小信息...在 angular6-example-app 项目中，也为我们提供了相应的 npm script，具体如下： "bundle-report": "ng build --prod --stats-json...首先我们先来在当前项目中安装 source-map-explorer： $ npm i source-map-explorer --save-dev 然后在重新进行项目构建： $ ng build --...prod --source-map 构建完成后，在根目录下的 dist 文件夹下会生成 main bundle 文件，这时我们可以在命令行执行下列命令来查看结果： $ node_modules/.bin...为了方便操作，我们也可以定义一个 npm script 任务来处理上述的工作： "map-explorer": "ng build --prod --source-map && source-map-explorer

2.4K4 0

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

虽然它提供了 ng update 命令来升级，但是这个命令会自动调整 package.json 文件依赖项的顺序，导致向其它项目合并时产生不必要的冲突。...{ "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...configurations": { + "production": { + "tsConfig": "projects/app-shared/tsconfig.lib.prod.json...这个文件是新增加的，也就是意味着可以使用 --prod 选项来编译 Angular 类库项目。

1.8K0 0

Angular实战项目（1）

image.png npm i -g cnpm npm i -g @angular/cli ng --version ?...image.png npm + ng npm i --save 包名：软件依赖 npm i --save-dev 包名：开发依赖 ?...ng build -prod 生成环境编译不建议使用ng build ng serve 启动开发服务器 Mock Rest API json-server:用于快速搭建REST API的利器安装...image.png ng/taskmgr json-server ./mock/data.json ? image.png ? image.png ? image.png ?...image.png 常见问题解决错误 npm uninstall -g @angular/cli npm cache clean npm install -g @angular/cli 如果安装出错以上重试

1.8K1 0

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

、修改客户端应用的引导程序文件：src/main.ts 监听 DOMContentLoaded 事件，在发生 DOMContentLoaded 事件时运行我们的代码，以使 TransferState 正常工作...(environment.production) { enableProdMode(); } // 在 DOMContentLoaded 时运行我们的代码，以使 TransferState 正常工作...在 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

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭