开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Angular 5错误(Angular CLI) -无法运行ng build --prod

Angular 5错误(Angular CLI) -无法运行ng build --prod

这个错误是在使用Angular CLI进行生产环境构建时出现的。通常，这个错误是由于项目中存在一些问题导致的。下面是一些可能的原因和解决方法：

版本不匹配：确保你的Angular CLI版本与你的Angular项目版本兼容。可以通过运行以下命令来检查版本：

ng version

如果版本不匹配，可以尝试升级或降级Angular CLI版本，以确保与项目兼容。

依赖项问题：检查你的项目中的依赖项是否正确安装和配置。可以尝试删除node_modules文件夹，并重新运行npm install来重新安装依赖项。
缺少依赖项：确保你的项目中包含了所有必需的依赖项。可以通过检查package.json文件中的dependencies和devDependencies来确认。
配置问题：检查你的项目配置文件（如angular.json或angular-cli.json）是否正确配置。特别注意构建选项和路径配置是否正确。
插件问题：如果你在项目中使用了一些插件或第三方库，可能会导致构建错误。尝试禁用或更新这些插件，以解决问题。
编译错误：在进行生产环境构建时，编译器会更严格地检查代码，并报告任何错误。检查你的代码是否存在语法错误、类型错误或其他编译错误。

如果以上方法都无法解决问题，你可以尝试在Angular官方文档、Stack Overflow或其他开发者社区中搜索类似的问题，以获取更多解决方案。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）、腾讯云云数据库MySQL版、腾讯云CDN加速等。

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

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
腾讯云CDN加速：https://cloud.tencent.com/product/cdn

相关搜索:无法运行"ng build“Angular 12.1.0 pdfmake无法运行ng build --pro Angular 7 Angular 2 CLI + Webpack ng构建--prod大警告 ng build --与运行ng serve时相比，prod Angular 8 CSS渲染问题 Angular CLI，ng build命令不能正确编译 Angular-cli "ng serve“错误 Angular6 - Prod build无法访问运行` `ng update @ Angular /cli @angular/core`后，` `ng serve`报错，无法为Angular项目提供服务 Angular无法识别ng build --prod上的keyvalue管道中的项 Angular 4` `ng build-prod`失败，出现无意义的错误 Angular CLI -在'ng build‘之后不显示图像 ng build --prod没有反映angular 8中的新变化 Angular CLI不包含ng构建上的所有包--prod Angular ng build --prod，output index.html不产生任何内容 Angular 7- ng build --prod TypeError:无法读取未定义的属性“%1”Angular 8 ng build --prod在'Injectable‘的模板编译过程中出现错误当使用"ng s -o/ng s/ng build“时，Angular Cli show没有输出使用ANT build构建Angular5项目时，ng build无法工作 angular http请求在使用ng build --prod构建时从不返回数据 Angular 5 ng build --在装饰器中不支持prod函数表达式

相关搜索:

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

有帮助

没帮助

相关·内容

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

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

1.1K4 0

Angular CLI 简介

使用Angular CLI生成 Angular 5项目如果您正在使用angular, 但是没有好好利用angular cli的话, 那么可以看看本文....下面执行ng lint --fix: 执行后lint的错误减少到了一个, 看下代码: 使用Angular CLI从蓝本生成代码第一篇文章是: "使用angular cli生成angular5项目...build --prod ng build --prod -e=prod ng build --target=production --environment=prod 其它常用的参数还有: --sourcemap...在内存中serve 生产模式build的文件试试 --prod: ng serve --prod 通过文件大小可以看出确实是prod build的. ng eject....可以看一下spec list: 这时因为运行测试的时候, admin模块是独立运行的, 所以该模块并没有引用Router模块, 所以无法识别router-outlet. 那么如何解决这个问题?

6.1K11 0

Angular CLI 使用教程指南参考

Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本....安装要安装Angular CLI你需要先安装node和npm，然后运行以下命令来安装最新的Angular CLI：注意：Angular CLI 需要Node 4.X 和 NPM 3.X 以上的版本支持...基本用法你可以通过 Angular CLI 的 help 命令来获取相关的命令信息. ng help Angular CLI的命令关键字为 ng ng new 命令描述 ng new <project-name...该值将被强制转换为正确的类型，或者如果类型无法强制，则会抛出错误。参数描述 --global 设置全局配置值，而不是本地配置值。这也使ng set可以在项目之外工作。...# 这是生产构建 ng build --target=production --environment=prod ng build --prod --env=prod ng build --prod

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

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

升级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:...5....使用angular-cli后无法自定义webpack的alias, 导致文件引入路径很长，如../../../shared/。

8.2K0 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 serve --configuration=test 总结本文简单介绍了 Angular 项目中，environment.ts

3.3K2 0

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

默认情况下, 它的输出目录在.angular-cli.json文件里ourDir属性配置的, 默认是/dist目录. build之后会看见dist里面有这些文件: inline.bundle.js 这是...下面运行程序: ng serve -o: ? 可以看到在ng serve的时候, 加载了上述的文件. 因为ng build是开发时的build, 所以没有做任何优化, 文件挺大的....否是(和AOT以及Angular5) --named-chunks 是否 --output-hashing media 所有下面命令都是针对开发时的build, 它们的作用是一样的: ng build...通过文件大小可以看出确实是prod build的. ng eject. 为项目生成webpack配置和脚本. 执行该命令试试: ? 看看有哪些变化: .angular-cli.json: ?...放在.angular-cli.json就行, 例如jquery就应该放在scripts里面.

2.3K7 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 也是如此。...\angular-test\node_modules\_@angular_common@6.0.2@@angular\package.json' at Object.fs.openSync (fs.js...但是使用 ng build --prod 是正常的。同样地，使用 ng build --extract-license=false 也可以解决问题。

1.4K2 0

更小更快更易用的Angular5管中窥豹

/angular/angular-cli，具体操作如下：首先敲入命令查看下当前cli版本： ng -v ?...clean命令以避免错误....latest npm install 第二步，新建一个Angular5的项目执行以下命令： ng new angular5 cd angular5 ng serve 打开localhost:4200/...我们执行下打包命令： ng build --prod 查看命令输出窗口，对比下常规运行和打包后的内容，可以看到文件得到了非常大的压缩： ?...Angular5项目运行与打包接着我们又打包一个Angular4的项目来比较一下： ?

9463 0

Angular CLI 常用终端操作命令

CLI常用命令 ---- ng new project-name - 创建一个新项目，置为默认设置 ng build - 构建/编译应用 ng test - 运行单元测试 ng e2e - 运行端到端（...关CLI构建编译项目 ---- 输入命令 ng build 来编译项目，生成编译后的文件存放目录在项目根目录下 dist/ 目录下面关于...--environment=dev--environment=prod 可以在 angular-cli.json 该文件中配置映射编译环境路径 //angular-cli.json...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

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

ng test --watch=false，注意替换下容器名推荐使用docker-compose，好处是把运行参数记录在docker-compose.yml文件中。...docker-compose相关命令 # build镜像并后台启动 docker-compose up -d --build docker-compose run angular-demo ng test...打包镜像-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...: angular-demo-prod: container_name: something-clever-prod build: context: .

1.6K6 0

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

什么是angular-cli 简言之：就是NG团队自行维护的一个项目脚手架[内置单元测试及webpack打包工具等]，这货前身是ember-cli；官网 / Github 吐槽我最早是从Angular...cli beta18开始用的，截止beta28.3,这个分支已经废弃，已经迁移,之前npm install angular-cli不推荐；目前最新的是v1.0.0正式版【2017-3-24】，从旧版本到.../cli cnpm:cnpm install -g @angular/cli@v1.0.0 yarn:yarn add global @angular/cli 。...e2e 跑自动化测试-自己写测试测试用例 test ng test 跑单元测试 -- 自己写 lint ng lint 调用tslint跑整个项目，可以收获一堆警告和错误，--force --fix -.../environments.ts; ng build --prod: 以前调用aot打包还需要带上--aot,从beta31开始，--prod模式下自动调用aot打包，调用的环境文件是/src/environments

1531 0

Angular实战项目（1）

image.png npm i -g cnpm npm i -g @angular/cli ng --version ?...image.png 使用angular cli使我们无需理会复杂的配置，更加专注Angualr。...image.png 软件真正运行时的依赖是在dependencies 软件开发过程中devDependencies ng new 项目名新建angular项目建议使用这个命令，可以优化压缩等...ng build -prod 生成环境编译不建议使用ng build ng serve 启动开发服务器 Mock Rest API json-server:用于快速搭建REST API的利器安装...image.png 常见问题解决错误 npm uninstall -g @angular/cli npm cache clean npm install -g @angular/cli 如果安装出错以上重试

1.8K1 0

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

而 angular-cli-ghpages 这个工具，是用于帮助 Angular CLI 的用户快速发布 Angular 应用到 Github Page。...当然你也可以运行下面的命令，进行进一步确认： $ which npx /Users/fer/.nvm/versions/node/v9.11.0/bin/npx 如果发现本地无法直接使用 npx，我们需要以全局的方式安装一下...首先你需要运行一下命令安装 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

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

---- 什么是Angular-cli 简言之：就是NG团队自行维护的一个｀脚手架｀[内置单元测试及webpack2打包工具等]　－－　这货前身是ember-cli；官网：cli.angular.io...@angular/cli -- 看网络了。。。...---- 初始化项目 angular-cli可以初始化ng2或者ng4的项目，我这里说2+；脚手架的命令很多，我这里只列出最常用的；新建东东范围命令作用 new ng new new_project...ng lint 调用tslint跑整个项目，可以收获一堆警告和错误，--force --fix --format可以帮助格式和修复部分问题 ---- 启动 ng serve：启动脚手架服务，默认端口...4200；自定义什么看帮助额 ---- 打包 ng build: 开发模式打包，调用的环境文件是/src/environments/environments.ts; ng build --prod: 以前调用

1.8K1 0

Angular Library 快速入门

": { "builder": "@angular-devkit/build-ng-packagr:build", "options": {...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.4K1 0

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

项目结构采用 angular-cli 创建的的多项目架构， web 是一个应用， app-shared 是类库。...{ "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...": "~0.900.1", - "@angular/cli": "~8.3.21", + "@angular/cli": "~9.0.1", - "@angular/compiler-cli...这个文件是新增加的，也就是意味着可以使用 --prod 选项来编译 Angular 类库项目。

1.8K0 0

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

一. angular-cli.json常见配置 { "project": { "name": "ng-admin", //项目名称 "ejected": false // 标记该应用是否已经执行过...--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

Angular2学习笔记

(注意node的版本一定要是6以上的，否则会报奇奇怪怪的错); 安装angular-cli (npm install -g @angular/cli); 新建项目 (ng new PROJECTNAME...但是他也有很多的缺点，Angular2文档中列举了下面几点：渲染得更快; 需要的异步请求更少; 需要下载的Angular框架体积更小; 提早检测模板错误; 更安全; 于是，Angular2又提出了一个新的编译方法叫...对于开发环境，可以使用ng serve --prod --aot来进行简单的优化。...不过对于真正的生产环境我们显然不能用node服务器，我这里用的是nginx来部署，具体步骤如下：使用命令ng build --prod --aot来生成dist/文件夹。...参考文章 angular-cli angular中文文档 nginx发布Angular2

2K1 0

Angular 工具篇之分析包的大小

： $ npm i webpack-bundle-analyzer --save-dev 接下来我们使用 Angular CLI 来构建项目，在构建的时候，需要添加相关参数，具体如下： $ ng build.../node_modules/.bin/webpack-bundle-analyzer dist/stats.json 以上命令成功运行后，控制台会输出以下信息： Webpack Bundle Analyzer...在 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

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭