开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

ng serve --升级到angular 8后prod失败

ng serve是Angular框架中用于启动开发服务器的命令。它用于在开发过程中实时编译和运行应用程序，并提供热重载功能，以便在代码更改时自动刷新浏览器。

升级到Angular 8后，如果在执行ng serve命令时出现prod失败的问题，可能是由于以下原因导致的：

依赖项不兼容：升级到Angular 8后，可能需要更新项目的依赖项以适应新版本。可以通过运行npm install命令来更新依赖项，并确保所有依赖项都与Angular 8兼容。
配置文件更改：Angular 8可能引入了一些新的配置选项或更改了现有的配置选项。检查项目中的angular.json文件，确保其中的配置与新版本的要求相匹配。
代码更改：升级到Angular 8后，可能需要对项目中的代码进行一些更改以适应新版本的要求。例如，某些API可能已被弃用或更改，需要相应地更新代码。

解决此问题的步骤如下：

确保已备份项目：在进行任何更改之前，建议先备份项目，以防止意外情况发生。
更新依赖项：运行以下命令来更新项目的依赖项：

npm install

检查配置文件：检查项目中的angular.json文件，确保其中的配置与新版本的要求相匹配。特别注意与构建和部署相关的配置。
检查代码更改：查看Angular 8的官方文档和更新日志，了解新版本引入的更改和更新。根据需要更新项目中的代码。
重新运行ng serve命令：在完成上述步骤后，再次运行ng serve命令，查看是否仍然出现prod失败的问题。

如果问题仍然存在，可以尝试以下额外的步骤：

清除缓存：运行以下命令来清除Angular的缓存：

npm cache clean --force

重建项目：运行以下命令来重新构建项目：

ng build

重装Angular CLI：运行以下命令来重新安装Angular CLI：

npm uninstall -g @angular/cli
npm install -g @angular/cli

如果问题仍然无法解决，建议查阅Angular官方文档、社区论坛或寻求相关技术支持以获取进一步的帮助。

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

云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
移动开发平台（MTP）：https://cloud.tencent.com/product/mtp
云存储（COS）：https://cloud.tencent.com/product/cos
区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe

相关搜索:ng build --与运行ng serve时相比，prod Angular 8 CSS渲染问题无法仅在dev上读取ng serve上未定义的angular 8的属性'id‘。ng-serve --prod工作正常 Angular CLI 8.在tsconfig.json中使用“路径”时“ng serve”失败将Angular 6.1更新到Angular 8后，键入ng serve时出现了Webpack配置错误 ng build --prod没有反映angular 8中的新变化运行` `ng update @ Angular /cli @angular/core`后，` `ng serve`报错，无法为Angular项目提供服务 Angular 4` `ng build-prod`失败，出现无意义的错误使用ng serve时出现Angular8错误:找不到模块“@angular-devkit/build-angular”使用Jest broken升级到Angular 8测试后 Angular 8 ng build --prod在'Injectable‘的模板编译过程中出现错误升级到Angular 12后出现错误: NGCC失败 Angular serve在dev中工作，但在prod中由于与表单相关的导入而失败升级到Java8u292后，TLS连接失败并返回SSLHandshakeException spyOn(document，'getElementById')升级到angular 8后抛出错误/“@types/jasmine”："^3.4.0“将angular从5.1升级到8后NgStyle出现问题升级到angular-cli beta 31 (从beta 24)后，ng lint np不再工作将Angular从v7升级到v8后出现Angular Karma错误在安装Tailwind后尝试运行ng s时，Angular模块构建失败自定义字体从angular 7升级到8后无法加载升级到angular8后，app.auth不再是一个功能

相关搜索:

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

有帮助

没帮助

相关·内容

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

Angular CLI 使用教程指南参考

ng serve 将会自动在浏览器中打开默认地址 http://localhost:4200/....你也可以自定义配置 IP, 端口和实时重载端口号 ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153 ng init 命令描述 ng...CLI配置中设置值默认情况下，如果在项目内部运行，则设置项目配置中的值，如果不在项目内部，则失败。...= prod）。...# 这是生产构建 ng build --target=production --environment=prod ng build --prod --env=prod ng build --prod

3K5 0

Angular CLI 简介

下面执行ng lint --fix: 执行后lint的错误减少到了一个, 看下代码: 使用Angular CLI从蓝本生成代码第一篇文章是: "使用angular cli生成angular5项目...生成Gurad. ng g guard xxx 这个命令将会生成xxx.guard.ts 使用Angular CLI进行Build (构建) 和 Serve 第一篇文章是: "使用angular cli...Serve. ng serve....在内存中serve 生产模式build的文件试试 --prod: ng serve --prod 通过文件大小可以看出确实是prod build的. ng eject....首先创建一个angular项目, 带路由的: ng new sales --routing 创建好项目后, 直接执行命令测试: ng test 然后会弹出一个页面, 就是测试的结果数据.

6.1K11 0

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

下面运行程序: ng serve -o: ? 可以看到在ng serve的时候, 加载了上述的文件. 因为ng build是开发时的build, 所以没有做任何优化, 文件挺大的....Serve. ng serve....在内存中serve 生产模式build的文件试试 --prod: ng serve --prod ?...通过文件大小可以看出确实是prod build的. ng eject. 为项目生成webpack配置和脚本. 执行该命令试试: ? 看看有哪些变化: .angular-cli.json: ?...如果需要Serve 其他js/css/assets文件: ? 放在.angular-cli.json就行, 例如jquery就应该放在scripts里面.

2.3K7 0

玩转 Angular 环境变量

environment.ts 和 environment.prod.ts 在 Angular CLI 发布后，越来越多的开发者都是使用 Angular CLI 来创建新的项目： $ ng new PROJECT-NAME...在执行上述命令后，在项目根目录的 src/environments 目录下会自动生成两个文件：environment.ts 和 environment.prod.ts 文件： environment.ts...通过上面的注释，我们知道在执行 ng build ---prod 命令，进行项目构建的时候，会执行文件替换操作。...不过与 ng build 命令一样，我们也需要配置一下 angular.json 文件： "serve": { "builder": "@angular-devkit/build-angular:...}, 之后，我们就可以在命令行运行以下的命令，来启用测试环境： $ ng serve --configuration=test 总结本文简单介绍了 Angular 项目中，environment.ts

3.3K2 0

Angular CLI 常用终端操作命令

end-to-end）测试 ng serve - 启动一个小型web服务器，用于托管应用 ng deploy - 即开即用，部署到Github Pages或者Firebase 组件| ng g...关CLI构建编译项目 ---- 输入命令 ng build 来编译项目，生成编译后的文件存放目录在项目根目录下 dist/ 目录下面关于...--environment=dev--environment=prod 可以在 angular-cli.json 该文件中配置映射编译环境路径 //angular-cli.json...serve --proxy-config loca.conf.json "scripts": { "start": "ng serve --proxy-config loca.conf.json...更多angular-cli配置 https://github.com/angular/angular-cli/wiki 组件| ng g component my-new-component 指令|

2.1K4 0

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

一. angular-cli.json常见配置 { "project": { "name": "ng-admin", //项目名称 "ejected": false // 标记该应用是否已经执行过...常用命令的通用关键参数解释 1.ng serve --host (self) 指定本地Server绑定的域名，默认值：localhost.如果希望使用self来访问你的站点，须加入以上参数 2.ng serve...： if(module.hot) { module.hot.accept(); } 3.ng serve --aot 开启aot 4.ng serve --proxy-config proxy.conf.json...下面两条等价： 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中environments的神奇之处

前言在使用angular脚手架构建angular项目时，都会给我们生成一个名叫environments的文件夹。从字面意识理解像是环境变量的意思。 ?...例如：比如environment.prod.ts对应的就是prod环境，你有多少个环境这里就新建多少个文件。（当然没有的就是默认的运行环境）只有这些文件并起不了作用。...本地调试的时候 ng s -e=prod 简单解释下， ng：angular脚手架提供的命令操作 s: serve 的简写，运行程序 -e=prod： -env=prod的简写，大概意思就是启用prod...简化了我们使用 npm run start就等于使用了ng serve --port 4001 --open这个命令。...默认环境 ng s 打开浏览器查看 ? 和配置的一样其他环境 ? 其他环境 ng s -e=dprod --hmr ? 见证奇迹

1.9K2 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:...解决办法：关闭File > Settings... > System Settings > Use "safe write"，参见angular-cli issue#5507 。 8....使用方式： 12.迁移一些文件后，启动app失败，出现Cannot read property 'length' of undefined 原因

8.2K0 0

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

/usr/src/app # start app 根据实际情况修改配置 # CMD ng serve --host 0.0.0.0 CMD ng serve --port=4201 --proxy-config...--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...: angular-demo-prod: container_name: something-clever-prod build: context: .

1.6K6 0

angular打包报错内存溢出 nodejs 执行失败报错 “JavaScript heap out of memory” 的解决办法

nodejs V8 引擎在 64 位机器上默认限制使用内存最大不超过 1.7GB，超过这个限制官方建议尝试优化为多线程方式。...解决办法一：设置 nodejs 配置项配置项 max_old_space_size 如果希望超越 V8 引擎默认的内存大小限制，可以通过设置配置项 max_old_space_size来解决。...方法二：在运行命令中增加 --max_old_space_size=4096 例如可以修改 package.json 的 scripts 脚本，示例如下： { "scripts": { "serve.../node_modules/@angular/cli/bin/ng serve", "prod": "node --max_old_space_size=8000 ..../node_modules/@angular/cli/bin/ng build --prod", } } 解决办法二：项目构建流程关闭 sourcemap 生成以 Angular 为例，对于越来越庞大的

6.1K2 0

Angular-内存溢出的问题

\@angular\cli\bin\ng" %* ) ELSE ( @SETLOCAL @SET PATHEXT=%PATHEXT:;.JS;=;% node --max_old_space_size...\@angular\cli\bin\ng" %* ) 修改目录: my-project/node_modules/.bin 找到 ngc.cmd : @IF EXIST "%~dp0\node.exe"...": "ng", "start": "ng serve --host 0.0.0.0 ", "start-un-live": "ng serve --host 0.0.0.0 --port..."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.4K2 0

Angular 实现类似微服务的效果

/node_modules/@angular/cli/lib/config/schema.json", "cli": { "analytics": "e8a7327e-c859-44f3-ae0b-fa7963b5417f...} ], "styles": [ "node_modules/ng-zorro-antd/ng-zorro-antd.min.css...src/18002/environments/environment.ts", "with": "src/18002/environments/environment.prod.ts...true } }, "defaultConfiguration": "production" }, "serve...true } }, "defaultConfiguration": "production" }, "serve

911 0

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

什么是angular-cli 简言之：就是NG团队自行维护的一个项目脚手架[内置单元测试及webpack打包工具等]，这货前身是ember-cli；官网 / Github 吐槽我最早是从Angular...-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开头的命令都是二重封装的。。。...ng serve --proxy-config proxy.conf.json配置反向代理(用webpack)这个老版本是支持的，现在不知道支不支持，写法如下 { "/": { "target

1541 0

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

---- 什么是Angular-cli 简言之：就是NG团队自行维护的一个｀脚手架｀[内置单元测试及webpack2打包工具等]　－－　这货前身是ember-cli；官网：cli.angular.io...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 serve --proxy-config proxy.conf.json配置反向代理(用webpack)这个老版本是支持的，现在不知道支不支持，写法如下 { "/": { "target

1.8K1 0

Angular2学习笔记

(注意node的版本一定要是6以上的，否则会报奇奇怪怪的错); 安装angular-cli (npm install -g @angular/cli); 新建项目 (ng new PROJECTNAME...项目发布如果是测试环境，直接ng serve就可以用node服务器在本地的默认4200端口显示页面了。...对于开发环境，可以使用ng serve --prod --aot来进行简单的优化。...不过对于真正的生产环境我们显然不能用node服务器，我这里用的是nginx来部署，具体步骤如下：使用命令ng build --prod --aot来生成dist/文件夹。...# include /etc/nginx/naxsi.rules } gzip on; gzip_min_length 1k; gzip_buffers 4 8k

2K1 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...{ "production": { "project": "projects/sf-lib/ng-package.prod.json"...库开发后，我们可以通过以下命令进行库的构建： $ ng build --prod sf-lib 小伙伴们，在构建 Library 时，记得始终添加 —prod 标志。...在完成新建 ButtonComponent 组件的导出工作后，我们需要使用下列命令，重新构建 sf-lib 库： $ ng build --prod sf-lib sf-lib 重新构建成功后，我们就可以在模板中使用刚创建的

2.4K1 0

angular入门教程_初学者织围巾简单教程慢动作

如果你想让编译的包更小一些，可以使用 ng serve –prod，@angular/cli 会启用 TreeShaking 特性，加了参数之后编译的过程也会慢很多。...所以，在正常的开发过程里面请不要加 –prod 参数。 ng serve 是在内存里面生成项目，如果你想看到项目编译之后的产物，请运行 ng build。...构建最终产品版本可以加参数，ng build –prod。...注意，你最好升级到最新版本的 @angular/cli，避免版本兼容问题。...里面对应修改改完之后，重新 ng serve，打开浏览器查看效果。

3.3K2 0

Angular-Cli脚手架介绍、安装并搭建项目

表示你本地node 和Angular 不复核, 根据提示下载低版本 node 12.14.0 别下载高版本的14.15 image.png 初始化配置# 进入项目文件夹，执行以下命令后将自动完成 ng-zorro-antd...开发调试# 一键启动调试，运行成功后显示欢迎页面。...$ ng serve --port 0 --open image.png 使用web工具打开项目我这里使用HBuilder来打开项目,其他工具也行 image.png ng serve 命令会启动开发服务器...注意: 如果启动后出现 Error: spawn xxxx ENOENT 那么可能就是你环境变量没配好,或者是你刚下载了node配置了环境而没重启电脑 360游览器好像不支持使用Angular 谷歌我试了是支持的...,其他的游览器我没试过构建和部署# $ ng build --prod 文件会被打包到 dist 目录中。

2K3 0

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

第一步，升级@angular/cli 创建Angular5项目，要更新angular-cli到1.5版本以上（其实angular-cli已换成@angular/cli）。.../angular/angular-cli，具体操作如下：首先敲入命令查看下当前cli版本： ng -v ?.../cli 如果你使用的是Angular CLI 1.0.0-beta.28或以下版本, 你需要先卸载angular-cli包，从angular-cli向 @angular/cli转化： npm uninstall...latest npm install 第二步，新建一个Angular5的项目执行以下命令： ng new angular5 cd angular5 ng serve 打开localhost:4200/...我们执行下打包命令： ng build --prod 查看命令输出窗口，对比下常规运行和打包后的内容，可以看到文件得到了非常大的压缩： ?

9463 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭