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

最新推荐文章于 2025-09-09 00:28:17 发布
原创 最新推荐文章于 2025-09-09 00:28:17 发布 · 7.2k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何将Angular项目从开发模式转换为生产模式进行部署。主要包括修改main.ts文件、调整environment设置以及使用特定命令构建项目。

   准备把 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啦

【grafana 】mac端grafana配置的文件 grafana.ini 及login
突围
08-04 894
grafana.ini
基于webassembly的H265视频播放器前端Angular学习笔记1:从使用Angular创建WebWorker开始
yjkhtddx的专栏
07-02 791
webassembly视频播放器前端Angular学习笔记1:从使用Angular创建WebWorker开始Worker创建与使用Angular CLI 创建worker类使用创建的Worker Worker创建与使用 Angular CLI 创建worker类 先看文档 https://angular.cn/cli/generate#webworker webWorker ng generate webWorker <name> [options] ng g webWorker <na
React 路由快速启动指南（一）
最新发布
龙哥盟
09-09 667
Facebook 的 React 框架重新定义了前端应用程序的构建方式。React Router 已成为使用 React 构建的应用程序的事实标准路由框架。通过其最新的 4 版本发布，该库已经在 React 中重写，并且它允许您以声明方式处理路由。在本书中，您将学习 react-router 库如何在任何 React 应用程序中使用，包括使用 React Native 开发的 Web 和原生移动应用程序。该书还涵盖了诸如服务器端路由和 Redux 与 React Router 集成等主题。
Error: Bootstrap's JavaScript requires jQuery错误 boostrap下拉菜单无效Angular is running in the development
丿灬安之若死
09-26 552
引入bootstrap时会出现的问题：boostrap下拉菜单无效，浏览器报Uncaught Error: Bootstrap's JavaScript requires jQuery错误， 解决办法：注意css，js文件引入的先后顺序，应该先引入jquery的js文件再引入bootstrap的css文件。   Angular is running in the development ...
Angular is running in the development mode. Call enableProdMode() to enable the production mode.
kikyou_csdn的博客
05-25 6515
控制台输出：Angular is running in the development mode. Call enableProdMode() to enable the production mode.解决方法：在main.ts中调用enableProdMode()方法
Angular 2.x折腾记 ：(2)初步认识angular2，不一样的开发模式
CRPER
03-21 3872
前言想来想去，概念这些东西不怎么想讲，更多的是想讲点实战性的内容。 所以有些东西跳过去了，小伙伴们请去看官方文档哈；
Angular开发环境 生产环境
hua77f的博客
11-21 742
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
Angular表单FormArray中嵌套FormGroup报错:Cannot find control with path: itemArray
我的开发博客(公众号:Web后端技术)
03-20 4925
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
Django 3 + Angular 9 实战：电脑管理系统（2）
Neodes的博客
05-30 561
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
weblogic启动报<BEA-090782>错误
vip4677的专栏
08-23 1万+
部署weblogic启动时输入username报错：     Enter username to boot WebLogic server:weblogic Java HotSpot(TM) Server VM warning: You have loaded library /home/weblogic/wlserver_10.3/server/native/linux/
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看安
【整理】weblogic下发步骤使用命令行代替控制台界面
Fackin的专栏
03-02 7366
项目要求项目下发时不用进控制台界面操作，直接用命令行（头都大了） 一开始只知道 ./startWebLogic.sh ./stopNodeManager.sh这怎么能解决啊。。。啊。。。 整个下发过程： 1.备份、停止、删除原有部署项目 2.停止受管服务节点 3.重新部署、启动 4.重启受管服务节点 上面的命令根本不管事啊。。 之后经过查找资料，发现了两个命令 w
angular“英雄指南”(一)--No provider for HeroService!
kikyou_csdn的博客
06-21 5717
报错—–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 833
导入Observable和of符号时报错 改为：
angular学习(变化检测)
kikyou_csdn的博客
08-28 1360
angular学习(OnChanges) 1.OnChanges 当组件的任何输入属性发生变化，组件生命周期提供的钩子ngOnChanges 可捕获变化的内容。 示例： Parent组件是Child组件的父组件，变化检测从根组件开始，会比 Child更早执行变化检测，在执行变化检测时 Parent中的pa属性，会传递到 Child的输入属性param中。此时 Child组件检测...
Angular4-在线竞拍应用-组件的生命周期
杨钊
11-01 1521
红色的被调用一次，绿色的会被调用多次。这里分为了三个阶段，组件初始化阶段，变化检测，组件销毁。会在组件初始化后看到组件，在变化检测阶段让属性值和页面展示保持一致。变化检测中的四个方法和组件初始化中的四个方法是一样的。一共只有9个方法。生命周期的例子新建一个项目demo3新建组件ng g component lifeexport class LifeComponent implements OnIni
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值