Angular is running in the development mode. Angular项目转为生产模式

最新推荐文章于 2022-05-24 16:45:45 发布
最新推荐文章于 2022-05-24 16:45:45 发布
阅读量7.1k 收藏 2
点赞数
分类专栏： Angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/PigBiBiX/article/details/79970786
版权

   准备把 Angular项目部署到服务器，打包完之后，打开网页，发现console出现  Angular is running in the development mode. Call enableProdMode() to enable the production mode.提示，而且提示建议我转成生产模式。在stack overflow找到了方法。

1、首先确保项目文件夹下的main.ts，如下图所示：



2、修改项目文件夹下面的environments下的environments.ts文件的代码，把false改为true



3、使用“ng build prod”去build项目。部署上去，就OK啦

phoebe_huang
关注
专栏目录
【grafana 】mac端grafana配置的文件 grafana.ini 及login
突围
08-04 375
grafana.ini
Angular is running in the development mode. Call enableProdMode() to enable the production mode.
kikyou_csdn的博客
05-25 6463
控制台输出：Angular is running in the development mode. Call enableProdMode() to enable the production mode.解决方法：在main.ts中调用enableProdMode()方法
Error: Bootstrap's JavaScript requires jQuery错误 boostrap下拉菜单无效Angular is running in the development
丿灬安之若死
09-26 505
引入bootstrap时会出现的问题：boostrap下拉菜单无效，浏览器报Uncaught Error: Bootstrap's JavaScript requires jQuery错误， 解决办法：注意css，js文件引入的先后顺序，应该先引入jquery的js文件再引入bootstrap的css文件。   Angular is running in the development ...
Angular 2.x折腾记 ：(2)初步认识angular2，不一样的开发模式
CRPER
03-21 3722
前言想来想去，概念这些东西不怎么想讲，更多的是想讲点实战性的内容。 所以有些东西跳过去了，小伙伴们请去看官方文档哈；
Angular开发环境 生产环境
hua77f的博客
11-21 637
angular 中的 environments文件夹有两个文件environment.ts ，environment.prod.ts 分别对应开发模式，生产模式 在 environment.ts 追加 url:http:development :1234/project 在 environment.prod.ts 追加 url:http:production :8080/project ...
解决vue在开发模式下警告 You are running Vue in development mode.
兔子的博客
11-29 1万+
阻止你显示显示生产模式的消息 You are running Vue in development mode. Make sure to turn on production mode when deploying for production. See more tips at https://vuejs.org/guide/deployment.html 加入 Vue.config.productionTip = false;//屏蔽提示信息 Vue.config.productionTip = fal
angular4开发环境搭建以及项目启动过程
热门推荐
涂涂
08-13 1万+
1.安装Node.js®和npm，node官网下载安装即可 2.请先在终端/控制台窗口中运行命令 node -v 和 npm -v， 来验证一下你正在运行 node 6.9.x 和 npm 3.x.x以上的版本。 更老的版本可能会出现错误，更新的版本则没问题。 3.全局安装 Angular CLI 。 npm install -g @angular/cli 4.ng-v看安
Angular表单FormArray中嵌套FormGroup报错:Cannot find control with path: itemArray
我的开发博客(公众号:Web后端技术)
03-20 4688
Angular表单FormArray中嵌套FormGroup报错:Cannot find control with path: itemArray -> i 报错主体格式如下： Angular is running in development mode. Call enableProdMode() to enable production mode. core.js:6157 Error: Cannot find control with path: 'addresses -> i' at
angular svg_使用Angular和SVG创建惊人的图表
cunhan4654的博客
08-25 2550
angular svgDownload source code - 1.1 MB 下载源代码1.1 MB 介绍 (Introduction) We've all followed Angular tutorials, and the end result is usually a neatly-formatted "List component" screen showing a list of...
Django 3 + Angular 9 实战：电脑管理系统（2）
Neodes的博客
05-30 498
Django 3 + Angular 9 实战：电脑管理系统（2）配置MySQL 这一节主要实现两个目标: Django与Mysql的连接 主页 配置MySQL 首先确认环境中已经安装MySQL: $ mysql --version ### output mysql Ver 14.14 Distrib 5.7.30, for Linux (x86_64) using EditLine wrapper 创建一个新的用户并授予其权限，替换下面命令中的USERNAME， PASSWORD: mysq
Angular 1 Style Guide
yunsia99的博客
12-03 511
Angular 1 Style Guide Angular Team Endorsed Special thanks to Igor Minar, lead on the Angular team, for reviewing, contributing feedback, and entrusting me to shepherd this guide. Purpose Opinionated ...
npm start启动angular项目报错
wangyue0624的博客
05-24 802
npm start启动angular项目报错 有哪个大神知道这是哪里的问题嘛
angular“英雄指南”(一)--No provider for HeroService!
kikyou_csdn的博客
06-21 5670
报错—–No provider for HeroService! “英雄指南”进行到教程-6服务时的报错 定义providedIn 元数据的值是 ‘root’时： 运行时 解决： 还不知道原因，原本以为和“No provider for HeroService”有关 在app.module.ts中(只需定义在providers中)： import { Hero...
angular“英雄指南”(二)--rxjs_1.of is not a function
kikyou_csdn的博客
06-21 786
导入Observable和of符号时报错 改为：
angular学习(变化检测)
kikyou_csdn的博客
08-28 1273
angular学习(OnChanges) 1.OnChanges 当组件的任何输入属性发生变化，组件生命周期提供的钩子ngOnChanges 可捕获变化的内容。 示例： Parent组件是Child组件的父组件，变化检测从根组件开始，会比 Child更早执行变化检测，在执行变化检测时 Parent中的pa属性，会传递到 Child的输入属性param中。此时 Child组件检测...
Angular4-在线竞拍应用-组件的生命周期
杨钊
11-01 1462
红色的被调用一次，绿色的会被调用多次。这里分为了三个阶段，组件初始化阶段，变化检测，组件销毁。会在组件初始化后看到组件，在变化检测阶段让属性值和页面展示保持一致。变化检测中的四个方法和组件初始化中的四个方法是一样的。一共只有9个方法。生命周期的例子新建一个项目demo3新建组件ng g component lifeexport class LifeComponent implements OnIni
Angular应用提高打包速度
清晨-阳光的博客
09-28 2193
当Angular应用功能逐渐增加，打包速度逐渐变慢时，可以尝试使用此方法缩短打包时间。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值