开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

无法运行"ng build“Angular 12.1.0

"ng build"是Angular框架中的一个命令，用于将Angular应用程序编译成可在浏览器中运行的静态文件。根据提供的问答内容，我们可以给出以下完善且全面的答案：

问题：无法运行"ng build" Angular 12.1.0

答案：当无法运行"ng build"命令时，可能有以下几个可能的原因和解决方法：

确保已正确安装Angular CLI：首先，确保已经正确安装了Angular CLI。可以通过在命令行中运行"ng --version"来检查是否安装了Angular CLI，并确保版本号为12.1.0或更高版本。如果未安装，请使用以下命令进行安装：
确保已正确安装Angular CLI：首先，确保已经正确安装了Angular CLI。可以通过在命令行中运行"ng --version"来检查是否安装了Angular CLI，并确保版本号为12.1.0或更高版本。如果未安装，请使用以下命令进行安装：
检查项目依赖项：在运行"ng build"之前，需要确保项目的依赖项已经正确安装。可以通过在项目根目录下运行以下命令来安装依赖项：
检查项目依赖项：在运行"ng build"之前，需要确保项目的依赖项已经正确安装。可以通过在项目根目录下运行以下命令来安装依赖项：
如果已经安装了依赖项，可以尝试删除"node_modules"文件夹，并重新运行上述命令来重新安装依赖项。
检查Angular版本兼容性：确保项目中使用的Angular版本与"ng build"命令兼容。如果项目中使用的是Angular 12.1.0版本，那么"ng build"命令应该能够正常运行。如果项目中使用的是其他版本的Angular，可以尝试升级到Angular 12.1.0版本，或者查看对应版本的Angular文档以了解与"ng build"命令相关的任何更改或问题。
检查命令是否正确：确保在命令行中正确输入了"ng build"命令，并且在正确的项目目录下运行该命令。如果在命令中使用了其他参数或选项，请确保它们的语法正确。

如果上述解决方法都无法解决问题，可以尝试在Angular的官方论坛或社区中寻求帮助，或者查阅相关的文档和教程以获取更多信息。

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

腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种应用场景。详情请参考：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。详情请参考：https://cloud.tencent.com/product/cos
腾讯云人工智能（AI）：提供丰富的人工智能服务和解决方案，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai

相关搜索:pdfmake无法运行ng build --pro Angular 7 Angular 5错误(Angular CLI) -无法运行ng build --prod “'ng build”已中止- Angular Angular Bitbucket Pipeline无法运行ng构建 ng build --与运行ng serve时相比，prod Angular 8 CSS渲染问题 Angular -在Jenkins中运行"npm run ng build“时找不到sh: ng:命令使用ANT build构建Angular5项目时，ng build无法工作 Angular CLI，ng build命令不能正确编译运行` `ng update @ Angular /cli @angular/core`后，` `ng serve`报错，无法为Angular项目提供服务无法运行ng generate @angular/material:material-nav Angular无法识别ng build --prod上的keyvalue管道中的项 Angular CLI -在'ng build‘之后不显示图像当使用"ng s -o/ng s/ng build“时，Angular Cli show没有输出 angular ng build是否也照顾到库依赖关系？Angular 7- ng build --prod TypeError:无法读取未定义的属性“%1”ng build --prod没有反映angular 8中的新变化由于bootstrap，无法运行ng serve？我无法使用ng build --prod构建我的项目在运行ng build时，我在angular中得到了这个错误。有人能帮我吗？运行ng build时出错--prod: JavaScript堆内存不足

相关搜索:

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

有帮助

没帮助

相关·内容

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

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

1.1K4 0

Angular 项目路径添加指定的访问前缀

这里使用的框架是 Angular，"@angular/core": "~12.1.0" 更改项目前缀假设我们添加的前缀为 /jimmy/ 1....更改路由前缀在 app.module.ts 文件中添加 APP_BASE_HREF： import { APP_BASE_HREF } from '@angular/common'; @NgModule...更改打包的文件这一步非必需，我们这里只是统一一下名称为 jimmy 而已更改 angular.json 的输出文件： { "projects": { ......只需要添加 --base-href=/jimmy/ 即可，如下： "scripts": { "build": "ng build --base-href=/jimmy/" } 运行 npm run...build 打包后得到的文件夹 jimmy 下的 index.html 文件中的 base 标签自然会更改。

1.2K2 0

Angular CLI 使用教程指南参考

安装要安装Angular CLI你需要先安装node和npm，然后运行以下命令来安装最新的Angular CLI：注意：Angular CLI 需要Node 4.X 和 NPM 3.X 以上的版本支持...该值将被强制转换为正确的类型，或者如果类型无法强制，则会抛出错误。参数描述 --global 设置全局配置值，而不是本地配置值。这也使ng set可以在项目之外工作。...# 这是生产构建 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-内存溢出的问题

本项目用的是angular6搭建，用动态组件的形式来显示页面，之前遇到过因为内存溢出而导致无法aot的问题， Angular4以上的该方法都适用解决方法：手动改写内存上限修改目录: my-project...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".../build-angular": "^0.8.9", "@angular/cli": "^6.2.7", "@angular/compiler-cli": "^6.1.0", "

2.4K2 0

Angular CLI 简介

生成Gurad. ng g guard xxx 这个命令将会生成xxx.guard.ts 使用Angular CLI进行Build (构建) 和 Serve 第一篇文章是: "使用angular cli...否是(和AOT以及Angular5) --named-chunks 是否 --output-hashing media 所有下面命令都是针对开发时的build, 它们的作用是一样的: ng build...ng build --dev ng build --dev -e=dev ng build --target=development --environment=dev 下面则是生产build: ng...可以看一下spec list: 这时因为运行测试的时候, admin模块是独立运行的, 所以该模块并没有引用Router模块, 所以无法识别router-outlet. 那么如何解决这个问题?..., 并且检测变化默认开启 ng test 就是运行测试, 并且如果文件有变化, 就会重新运行测试.

6K11 0

Angular 项目多国语言设置

React 和 Vue 项目同理～这里我们仅考虑简体中文和美国英文两种语言，使用的框架版本为 @angular/core: "~12.1.0" 在日常开发中，我们难免会引入第三方 UI 框架，那么这就涉及了第三方...import { zh_CN } from 'ng-zorro-antd/i18n'; import zh from '@angular/common/locales/zh'; @NgModule({...所以，我们更改了下： // 引用的 ant design angular 库的语言处理 import { NZ_I18N } from 'ng-zorro-antd/i18n'; // 中文 import...{ zh_CN } from 'ng-zorro-antd/i18n'; import zh from '@angular/common/locales/zh'; // 英文 import { en_US...} from 'ng-zorro-antd/i18n'; import en from '@angular/common/locales/en'; // 切换语言 let useLang: any

2K2 0

玩转 Angular 环境变量

build --prod 那么有的同学，可能想到对于构建测试环境的包，是不是只要运行： $ ng build --test 想象中很完美，但实际上并不是这样，ng build 命令并不支持 --test...参数，感兴趣的同学可以运行 ng build --help 命令查看 ng build 命令所支持的参数： usage: ng build [options] options:...build --configuration=test 上述命令成功运行之后，就会在根目录下生成 dist 目录，并且在该目录下也会创建一个 PROJECT-NAME 目录。...不过与 ng build 命令一样，我们也需要配置一下 angular.json 文件： "serve": { "builder": "@angular-devkit/build-angular:...}, 之后，我们就可以在命令行运行以下的命令，来启用测试环境： $ ng serve --configuration=test 总结本文简单介绍了 Angular 项目中，environment.ts

3.3K2 0

Angular 多项目管理

那么，我们就可以在 package.json 上看到默认的启动和构建命令行： { "scripts": { "start": "ng serve", "build": "ng build..." } } 实际上，它等同于运行了： { "scripts": { "start": "ng serve jimmy-demo", "build": "ng build jimmy-demo...angular.json 就是默认导出了该项目： "defaultProject": "jimmy-demo" 很好，现在我们知道了，我们运行 ng serve 是运行导出的默认的文件。...运行 ng serve jimmy-demo 是运行执行的 jimmy-demo 文件。...angular.json 文件实现了项目的运行和打包等。

2603 0

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

可以先看帮助: ng build --help 针对开发环境, 就是用命令 ng build....下面运行程序: ng serve -o: ? 可以看到在ng serve的时候, 加载了上述的文件. 因为ng build是开发时的build, 所以没有做任何优化, 文件挺大的....否是(和AOT以及Angular5) --named-chunks 是否 --output-hashing media 所有下面命令都是针对开发时的build, 它们的作用是一样的: ng build...ng build --dev ng build --dev -e=dev ng build --target=development --environment=dev 下面则是生产build: ng...通过文件大小可以看出确实是prod build的. ng eject. 为项目生成webpack配置和脚本. 执行该命令试试: ? 看看有哪些变化: .angular-cli.json: ?

2.3K7 0

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

node_modules .git 构建镜像 docker build -t angular-demo ....ng test --watch=false，注意替换下容器名推荐使用docker-compose，好处是把运行参数记录在docker-compose.yml文件中。...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 ############...运行 docker run -it -p 80:80 --rm angular-demo-prod 对应的docker-compose-prod.yml version: '3.5' services

1.6K6 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服务器中使用代理支持，我们可以高速缓存某些...更多angular-cli配置 https://github.com/angular/angular-cli/wiki 组件| ng g component my-new-component 指令|

2.1K4 0

Angular Schematics 三部曲之 Add

该系列文章的三部分将分别介绍 Add、Generation 以及 Update，即使分了三部分来讲解 schematics，但我相信依然无法介绍的面面俱到。那遇到问题应该怎么办呢？...Add 的用途在我目前见过的项目中，ng add 主要有两个用途：初始化组件库（比如 angular material，ng-zorro，ngx-bootstrap）初始化项目模板（比如 ng-alain...发布 Schematics 因为 schematics 就是一套执行脚本，所以在项目发布之前需要将 schematics 的编译文件复制到项目目录，否则也无法使用 schematics。...初始化项目的原始模板文件删除 ng new 生成的重复文件（因为 schematic 无法自动替换文件）把原始项目模板文件拷贝到项目目录调整一下 package.json 和 angular.json...添加一些额外的 module 执行 npm install 安装 package 以下是 @angular/material 的 ng add 逻辑，ng-matero 与此类似。

1.4K1 0

如何管理云原生应用程序的依赖关系

硬依赖是指不破坏依赖于它们的代码就无法更改的依赖关系，软依赖关系则可以在不破坏依赖代码的情况下就能被更改。依赖关系可以是内部的，也可以是外部的。...": "ng", "precommit": "lint-staged", "start": "ng serve", "build": "ng build", "test": "ng...test", "lint": "ng lint", "e2e": "ng e2e", "build-lazy": "ng build lazy", "build-dynamic...": "~6.5.2", "zone.js": "~0.9.1" }, "devDependencies": { "@angular-devkit/build-angular": "~0.800.0...", "@angular-devkit/build-ng-packagr": "~0.800.0", "@angular/cli": "~8.0.2", "@angular/compiler-cli

1.7K1 0

Angular学习（02）--Angular-CLI命令

Angular-CLI 大体上两种类型的命令，一是创建或修改文件，二是类似运行某个脚本来编译、构建项目。...还有，运行项目时，会使用 build 或 server 命令。所以，下面就只介绍这三个命令，其他命令，等到后续有接触，深入了解后再补充。...ng build 该命令用来将 Angular 项目编译、打包输出到指定目录下，最终输出的文件就是些 HTML，CSS，JavaScript 这些浏览器能够识别、运行的文件。...那么，这种时候就不能用 ng server 命令了，只能使用 ng build 命令，但该命令，默认只是编译项目，那么岂不是每次代码发生修改，都得重新跑一次 ng build 命令？...项目使用 ng build 命令编译输出到后端项目的容器中，后端跑起来，就可以直接在本地调试了。

2.6K1 0

Angular Library 快速入门

新建 Workspace $ ng new sf-lib-app $ cd sf-lib-app $ ng serve 在介绍如何创建 Angular Library 之前，让我们来看一下 Angular...创建 sf-lib 库 $ ng generate library sf-lib --prefix=sf 这里我们快速总结一下 ng generate library 命令执行的操作：在 angular.json...": { "builder": "@angular-devkit/build-ng-packagr:build", "options": {..." } } }, "test": { "builder": "@angular-devkit/build-angular...库开发后，我们可以通过以下命令进行库的构建： $ ng build --prod sf-lib 小伙伴们，在构建 Library 时，记得始终添加 —prod 标志。

2.4K1 0

使用 Github Actions 自动部署 Angular 应用到 Github Pages

前言最近在学习 Angular，一些基础的语法也学习的差不多了，就在 github 上新建了一个代码仓库，准备用 ng-zorro 搭个后台应用的模板，方便自己以后写些小东西时可以直接使用。...整个项目中所涉及的 npm 命令，我们可以通过查阅项目的 package.json 文件中的 scripts 节点进行查看这里通过 Angular CLI 创建的项目可以通过 ng build 命令来完成项目的打包发布...应用来说，我们完全可以使用社区提供的 angular-cli-ghpages 插件来简化这个操作首先我们需要通过 npm 将插件安装到需要部署的程序中 ng add angular-cli-ghpages...start": "ng serve", "build": "ng build", "deploy": "ng deploy --base-href=/ingos-admin/",...一个 workflow 文件中最重要的就是包含的 jobs，它表明了当前 workflow 所能实现的功能，一个 job 任务主要包含了如下的属性 runs-on：当前 job 需要运行在的系统环境 steps

1.4K1 0

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

当然你也可以运行下面的命令，进行进一步确认： $ which npx /Users/fer/.nvm/versions/node/v9.11.0/bin/npx 如果发现本地无法直接使用 npx，我们需要以全局的方式安装一下...npx： $ npm install -g npx 简化本地库的调用一般情况下，如果你希望运行本地项目非全局安装的第三方依赖库，你需要使用以下方式执行命令： $ node_modules/.bin/...首先你需要运行一下命令安装 angular-cli-ghpages： $ npm i angular-cli-ghpages --save-dev 假设你已经完成项目的开发，在发布到 Github Pages...前，你需要进行项目构建，这时你可以执行以下命令： $ ng build --prod --base-href "https://USERNAME.github.io/REPOSITORY_NAME/"...或者使用以下命令： $ ng build --prod --base-href "/REPOSITORY_NAME/" 在项目构建完成后，就可以通过以下的命令自动地把本地项目发布到 Github Pages

1.9K2 0

关于package.json 的script标签使用以及和npm的关系

{ "name": "ng2", "version": "0.0.0", "license": "MIT", "scripts": { "ng": "ng...", "build": "ng build", "test": "ng test", "lint": "ng lint", "modernizr...kakirigi/ika.jvectormap" }, "dependencies": { "@agm/core": "1.0.0-beta.0", "@angular.../animations": "4.0.2" }, "devDependencies": { "@angular/cli": "1.0.0", "@angular...比如，abc命令对应的脚本是ng generate component MyGridApplication 我们如果要执行abc指令应该这样运行npm run abc

7642 0

Angular命令

node -v 检查node.js安装 npm -v 检查npm安装 npm install -g @angular/cli 安装CLI ng new my-app 创建工作空间并初始化应用...ng serve 运行应用 ng help 命令帮助 ng generate –help 命令帮助 ng add 添加包到项目中 ng build 编译发布 ng build –base-href.../angular/my-test-app/ 指定子目录 ng config 添加配置信息 ng generate component video/video 创建组件 ng generate...module demo 创建模块 ng generate enum video/GENRE 创建枚举类型 ng generate class video/video 创建类 ng generate...service service/Logger 创建服务 ng generate directive my-directive 新建指令 ng generate pipe my-pipe 新建管道

8692 0

Angular实战项目（1）

Angular 打造企业级协作平台 image 环境搭建，Material UI，动画，Angular核心概念，RxJS操作符，Angular中的响应式编程，Redux，自动化测试实战驱动，主题，设计模式...image.png npm i -g cnpm npm i -g @angular/cli ng --version ?...image.png npm + ng npm i --save 包名：软件依赖 npm i --save-dev 包名：开发依赖 ?...image.png 软件真正运行时的依赖是在dependencies 软件开发过程中devDependencies ng new 项目名新建angular项目建议使用这个命令，可以优化压缩等...ng build -prod 生成环境编译不建议使用ng build ng serve 启动开发服务器 Mock Rest API json-server:用于快速搭建REST API的利器安装

1.8K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭