开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

我无法使用ng build --prod构建我的项目

ng build --prod 是 Angular CLI 提供的一个命令，用于构建生产环境下的 Angular 项目。它会将 TypeScript 代码编译为 JavaScript，并进行代码优化、压缩、AOT（Ahead-of-Time）编译等操作，以提高项目的性能和加载速度。

如果你无法使用 ng build --prod 构建项目，可能有以下几个原因和解决方法：

缺少依赖：首先，确保你的项目中已经安装了 Angular CLI，并且版本符合要求。可以通过运行 ng version 命令来检查版本信息。如果没有安装 Angular CLI，可以通过运行 npm install -g @angular/cli 命令进行安装。
项目配置错误：检查你的项目配置文件（angular.json 或者 .angular-cli.json）是否正确配置了构建选项。特别是检查是否有正确的输出路径、构建配置等。
依赖冲突：有时候，项目中的依赖包可能存在冲突，导致构建失败。可以尝试更新项目的依赖包版本，或者删除 node_modules 目录并重新安装依赖。
编译错误：如果在构建过程中出现编译错误，可以查看命令行输出的错误信息，根据错误提示进行修复。常见的编译错误包括语法错误、类型错误、缺少依赖等。
硬件或环境问题：如果以上方法都无法解决问题，可能是由于硬件或环境问题导致的。可以尝试在其他机器或环境中进行构建，或者检查你的机器是否满足构建要求（如内存、磁盘空间等）。

总结起来，无法使用 ng build --prod 构建项目可能是由于缺少依赖、项目配置错误、依赖冲突、编译错误或硬件环境问题等原因导致的。根据具体情况逐一排查并解决问题即可。

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

腾讯云云服务器（CVM）：提供弹性计算能力，满足各类业务需求。详细信息请参考：https://cloud.tencent.com/product/cvm
腾讯云云数据库 MySQL 版（TencentDB for MySQL）：高性能、可扩展的云数据库服务。详细信息请参考：https://cloud.tencent.com/product/cdb_mysql
腾讯云对象存储（COS）：安全、稳定、低成本的云端存储服务。详细信息请参考：https://cloud.tencent.com/product/cos

相关搜索:Angular 2-使用"npm“构建用于生产的"dist”，而不是"ng build -prod“Angular 7- ng build --prod TypeError:无法读取未定义的属性“%1”angular http请求在使用ng build --prod构建时从不返回数据 Angular无法识别ng build --prod上的keyvalue管道中的项 ng build --prod构建应用程序的过时版本 NPM或Git缓存文件，无法构建我的项目为什么我的Docker项目"go build“失败？使用ANT build构建Angular5项目时，ng build无法工作使用ng build --prod的类型上不存在属性“”NameNews“”在build.phonegap.com上没有为我的phonegap项目构建is

相关搜索:

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

有帮助

没帮助

相关·内容

记录我使用过的 build 基本配置

真的要细说 Gradle，恐怕目前能力还是有限，仅仅了解皮毛，简单分享，欢迎交流～一、Gradle 基本配置其实这块更应该成为封装项目的 basic build 配置，以便于后续的 module 可以减少大量重复性的内容...API 级别 compileSdkVersion Versions.compileSDK // 指定在生成项目时要使用的 SDK 工具的版本，Android Studio 3.0 后不需要手动配置...module 均可使用 */ dependencies { // ... } 二、buildConfigField 使用在构建时，Gradle 将生成 BuildConfig 类，以便应用代码可以检查与当前构建有关的信息...针对我之前这种法子做个小小升级，在原有 gradle 文件中添加如下内容： android { // 封装项目的所有构建类型配置 buildTypes { debug...个人还是建议巧用 README，记录项目常用的一些东西，方便之后的小伙伴快速上手～这里附上一张我之前项目的事例，也是在尝试，欢迎提供更好建议～在这里我截个之前负责的项目记录的 README 做个抛砖引玉吧

5212 0

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

最近使用 Angular 做项目的时候，通过 ng build 打包后的资源地址都带有 localhost:4200，百思不得其解，以为是打包的问题。...最后在 index.html 的文件中发现有一个 base 标签，原来这个标签会在页面的所有链接上添加默认地址。以下是详细说明：标签为页面上的所有链接规定默认地址或默认目标。...通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用标签可以改变这一点。...浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括、、、标签中的 URL。...注意：添加标签之后，对于使用相对路径的接口请求地址也会改变，所以要慎重使用。

6862 0

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

最近使用 Angular 做项目的时候，通过 ng build 打包后的资源地址都带有 localhost:4200，百思不得其解，以为是打包的问题。...最后在 index.html 的文件中发现有一个标签，原来这个标签会在页面的所有链接上添加默认地址。以下是详细说明：标签为页面上的所有链接规定默认地址或默认目标。...通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用标签可以改变这一点。...浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括、、、标签中的 URL。...注意：添加标签之后，对于使用相对路径的接口请求地址也会改变，所以要慎重使用。

9240 0

AIoT应用创新大赛--我的项目我做主，使用GN+Ninja来完成构建系统(VSCode开发)

而本次比赛中，如果不考虑使用官方IDE的话，又不想用makefile（主要是不会写），所以还是尝试着用GN+Ninja完成了rt1062的构建系统。...(我的项目我做主，折腾不嫌事儿多)。...2、编译构建命令： ninja -C out/${BOARD} 3、建议使用方式：我比较懒，喜欢直接在~/.bashrc中配置好BOARD环境变量，并设置命令别名： alias gbuild='gn...1、改文件仅在组件内使用，此时不需要定义头文件目录（按相对路径引用即可）；2、若该头文件为组件对外接口定义文件，则需要在前面提到的build/config/compiler/BUILD.gn文件中的修改...从组件解耦来说，真正能做到所有的组件都能通过健康的依赖完成整个项目构建的（没有循环依赖和恶性依赖），功能解耦就做的不错了。

1.5K1 0

Angular CLI 简介

使用--help参数可以查看帮助: ng new --help 下面我要生成一个项目, 先不执行npm install: 这个速度非常快, 然后使用我最喜欢的IDE VSCode将其打开: code...build / ng build 是执行构建..........生成Gurad. ng g guard xxx 这个命令将会生成xxx.guard.ts 使用Angular CLI进行Build (构建) 和 Serve 第一篇文章是: "使用angular cli...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=

6K11 0

Gradle 手记｜记录我使用过的 build 基本配置（不断更新中。。。

真的要细说 Gradle，恐怕目前能力还是有限，仅仅了解皮毛，简单分享，欢迎交流～一、Gradle 基本配置 --- 其实这块更应该成为封装项目的 basic build 配置，以便于后续的 module...API 级别 compileSdkVersion Versions.compileSDK // 指定在生成项目时要使用的 SDK 工具的版本，Android Studio 3.0 后不需要手动配置...module 均可使用 */ dependencies { // ... } 二、buildConfigField 使用 --- 在构建时，Gradle 将生成 BuildConfig 类，以便应用代码可以检查与当前构建有关的信息...针对我之前这种法子做个小小升级，在原有 gradle 文件中添加如下内容： android { // 封装项目的所有构建类型配置 buildTypes { debug {...个人还是建议巧用 README，记录项目常用的一些东西，方便之后的小伙伴快速上手～这里附上一张我之前项目的事例，也是在尝试，欢迎提供更好建议～在这里我截个之前负责的项目记录的 README 做个抛砖引玉吧

1.2K3 0

Angular CLI 使用教程指南参考

ng g module my-module Route ng g route my-route当前已禁用构建的组件都会使用自用目录,除非 --flat 单独指定....这也使ng set可以在项目之外工作。 ng build 构建工件将存储在/dist目录中。...ng build可以指定构建目标（--target = production或--target = development）和要与该构建一起使用的环境文件（--environment = dev或--environment...# 这是生产构建 ng build --target=production --environment=prod ng build --prod --env=prod ng build --prod...默认为“gh-branch” --skip-build 在发布之前跳过构建项目 --gh-token= 用于部署的API令牌,必须.

3K5 0

玩转 Angular 环境变量

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

3.2K2 0

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

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左右了....通过文件大小可以看出确实是prod build的. ng eject. 为项目生成webpack配置和脚本. 执行该命令试试: ? 看看有哪些变化: .angular-cli.json: ?...可以对项目更深入的配置.... 这时运行程序就是 npm start了. 我还是把reject恢复回去吧, 使用git来恢复吧. 如果需要Serve 其他js/css/assets文件: ?

2.3K7 0

Angular CLI 常用终端操作命令

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

2.1K4 0

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

一. angular-cli.json常见配置 { "project": { "name": "ng-admin", //项目名称 "ejected": false // 标记该应用是否已经执行过...文件 "tsconfig":"tsconfig.app.json", "prefix": "app", // 使用`ng generate`命令时，自动为selector元数据的值添加的前缀名...常用命令的通用关键参数解释 1.ng serve --host (self) 指定本地Server绑定的域名，默认值：localhost.如果希望使用self来访问你的站点，须加入以上参数 2.ng serve...下面两条等价： ng build --target=production ng build --prod 7.--environment 指定应用执行环境。...下面两句等价： ng build --environment=prod ng build --env=prod 构建时会加载angular-cli.json指定的环境配置文件： "environments

1.6K3 0

使用CircleCI2.0持续集成Angular项目

每月构建时长1000分钟以内免费 (基本够用) 提供的构建环境配置2核CPU / 4G内存，(算是很慷慨了) 据测试如果是在1核1G的主机下执行npm run build很容易报内存不足有专门的配置文件来定义...具体实现 Angular项目根目录新建.circleci目录(注意以点开头)，然后在这个目录里面再新建config.yml文件下面是我正在使用的配置，具体语法可以见官方介绍 # Check https...：使用的Docker镜像是finleyma/circleci-nodejs-browser-awscli，这是我基于CircleCI的镜像又加入了awscli工具。...通过之后将打包的待发布的静态资源上传到AWS存储。还有配置文件里限制了分支，只有往daily-build分支上合并代码才会触发CircleCI的构建。..."build": "ng build --prod", "test": "ng test --configuration=testing", "ci-build": "node --max_old_space_size

8124 0

Angular 工具篇之npx及angular-cli-ghpages

npx 安装首先执行以下命令查看当前 npm 的版本： $ npm --version 在我?...当然你也可以运行下面的命令，进行进一步确认： $ which npx /Users/fer/.nvm/versions/node/v9.11.0/bin/npx 如果发现本地无法直接使用 npx，我们需要以全局的方式安装一下...这是构建工具（如 Create React App 或 webpack CLI）所使用的方式。它确保你始终使用最新版本的生成器或构建工具，而无需在每次使用它时进行升级。...前，你需要进行项目构建，这时你可以执行以下命令： $ ng build --prod --base-href "https://USERNAME.github.io/REPOSITORY_NAME/"...或者使用以下命令： $ ng build --prod --base-href "/REPOSITORY_NAME/" 在项目构建完成后，就可以通过以下的命令自动地把本地项目发布到 Github Pages

1.9K2 0

我把云服务器，搭建成开发环境使用！—— 小伙伴开发项目，构建项目，更容易啦。

持续坚持原创输出，点击蓝字关注我吧作者：小傅哥 ❝沉淀、分享、成长，让自己和他人都能有所收获！ ❞ 在几年前刚入手 Mac 电脑的时候，有不少伙伴问过我，这电脑有什么优势吗？又不能打游戏！...那么本文，就是为了 Windows 伙伴所写，提供一套非常容易的，在云服务器就能搭建出来的开发环境和构建前后端项目的方案。让大家可以少一些折腾就能快速启动开发，完成项目的构建和部署操作。...2c2g https://yun.xfg.plus 工程提供了git、 java、maven、redis、mysql 的环境安装，可以让本地连接云服务器的配置，也可以在云服务器拉取项目进行构建操作。...实际自己使用的时候，MySQL 数据库的密码可以配置的更强一些。三、项目构建以上这些环境的安装就可以支撑我们部署项目了，这里以小傅哥最近带着大家做的大营销平台项目（前后端）进行打包构建举例。...接下来给 build.sh 加上权限，后执行构建脚本。

1211 0

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

也就是不希望被打包进镜像的文件。防止镜像过大。 node_modules .git 构建镜像 docker build -t angular-demo ....该目录是在docker build构建阶段创建的，在Run启动阶段需要手动挂载该目录。...--watch=false ng e2e docker-compose stop 生产环境创建一个生产环境用的Docker配置文件，Dockerfile-prod #################...打包镜像-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 工具篇之分析包的大小

： $ npm i webpack-bundle-analyzer --save-dev 接下来我们使用 Angular CLI 来构建项目，在构建的时候，需要添加相关参数，具体如下： $ ng 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 --...为了方便操作，我们也可以定义一个 npm script 任务来处理上述的工作： "map-explorer": "ng build --prod --source-map && source-map-explorer

2.3K4 0

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

什么是angular-cli 简言之：就是NG团队自行维护的一个项目脚手架[内置单元测试及webpack打包工具等]，这货前身是ember-cli；官网 / Github 吐槽我最早是从Angular...正式版的配置稍微有些改动，我比较了下基本不大，放心使用系统环境配置 window 安装lts版本的nodejs v6.10.0 ， Angular-cli中的node-sass不支持7.x，装不上的...初始化项目脚手架的命令很多，我这里只列出最常用的；新建东东范围命令作用 new ng new new_project 初始化新项目 Component ng g component my-new-component.../environments.ts; ng build --prod: 以前调用aot打包还需要带上--aot,从beta31开始，--prod模式下自动调用aot打包，调用的环境文件是/src/environments.../environments.prod.ts 弹出配置文件(还原真实的配置文件) ng eject : 这个东西的配置很多，可以弹出各种各样的源配置和文件我们看到的ng开头的命令都是二重封装的。。。

1181 0

Angular Library 快速入门

文件中添加 sf-lib 项目；在 package.json 文件中添加 ng-packagr 依赖；在 tsconfig.json 文件中添加 sf-lib 库的引用；在项目中的 projects...CLI 构建流程，如 build、test 和 lint。...： $ ng build --prod sf-lib 小伙伴们，在构建 Library 时，记得始终添加 —prod 标志。...创建 sf-lib 组件相信 ng generate 命令对于使用过 Angular CLI 的同学来说，都不会陌生。...在完成新建 ButtonComponent 组件的导出工作后，我们需要使用下列命令，重新构建 sf-lib 库： $ ng build --prod sf-lib sf-lib 重新构建成功后，我们就可以在模板中使用刚创建的

2.3K1 0

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

前言这个系列的进度有些跳跃性，我尽量直白点解释，但是我不是官方文档，直入主题！！！！...正式版的配置稍微有些改动，我比较了下基本不大，放心使用 ---- 安装之前 window下：安装lts版本的nodejs[6.10.0] ， Angular-cli中的node-sass不支持7.x，...---- 初始化项目 angular-cli可以初始化ng2或者ng4的项目，我这里说2+；脚手架的命令很多，我这里只列出最常用的；新建东东范围命令作用 new ng new new_project...4200；自定义什么看帮助额 ---- 打包 ng build: 开发模式打包，调用的环境文件是/src/environments/environments.ts; ng build --prod: 以前调用...aot打包还需要带上--aot,从beta31开始，--prod模式下自动调用aot打包，调用的环境文件是/src/environments/environments.prod.ts ---- 弹出配置文件

1.8K1 0

Angular-内存溢出的问题

本项目用的是angular6搭建，用动态组件的形式来显示页面，之前遇到过因为内存溢出而导致无法aot的问题， Angular4以上的该方法都适用解决方法：手动改写内存上限修改目录: my-project...有奇思妙想请告诉我，哈哈同时package的时候也需要修改打包时候的内存 package.json { "name": "pms", "version": "0.0.0", "scripts...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"

2.3K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭