Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >解决ionic4编译过慢的问题

解决ionic4编译过慢的问题

作者头像
IT晴天
发布于 2018-11-12 08:59:37
发布于 2018-11-12 08:59:37
1.3K00
代码可运行
举报
文章被收录于专栏:ionic3+ionic3+
运行总次数:0
代码可运行

ionic4中编译一次需要几十秒,远比ionic3久,在Github上看有没有人反馈这个问题,发现还真的有,而解决方法是:

升级Node到版本10.10.0 , 同时NPM更新到6.4.1

一试果然可以,重编译速度变为4s左右。

步骤可以参考如下:

  • 为了不破坏原有到Node环境,直接在nvm上添加一个版本:
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
nvm add 10.10.0
npm i npm -g
npm i ionic -g
  • 然后重新安装npm依赖模块:
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
rm -rf node_modules
npm i
ionic serve
  • 修改代码按保存,看重新编译效果。
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.10.23 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
解决 `npm i` 安装依赖时的版本冲突问题
在使用 npm 管理项目依赖时,尤其是涉及到多个包之间复杂的版本依赖关系时,开发者经常会遇到依赖冲突的问题。本文将结合具体案例,详细讲解如何解决在使用 npm i 安装依赖时出现的版本冲突错误,并提供多种可行的解决方案。
Front_Yue
2025/03/18
9660
解决 `npm i` 安装依赖时的版本冲突问题
Node.js 在个推的微服务实践:基于容器的一站式命令行工具链
由于工程数量的快速增长,个推在实践基于 Node.js 的微服务开发的过程中,遇到了如下问题:
五月君
2019/09/05
7610
更换包管理工具npm为yarn
官网:https://yarnpkg.com/zh-Hans/ 主要考虑: 1. npm管理安装模块依赖的版本不太方便,容易在删除node_modules重新install或在其他机器上新安装时, 安装模块的依赖的版本不一致,导致编译后的模块ID或trunkID不一致。 yarn可以方便的自动生成并更新yarn.lock文件锁定依赖模块的版本。 2. yarn可以从缓存中安装包,速度会有所提升 更换为yarn步骤: 1. 下载yarm安装文件安装或使用npm直接安装 下载yarm.msi(0.
smy
2018/04/03
1K0
ionic3升级适配angular5
昨天angular5和ionic3同时发布更新了,为了用上angular5的新特性,还是有必要踩下坑的,当然踩坑的白老鼠建议选用一个最近不用维护的项目。
IT晴天
2018/08/20
2.6K0
uni-app HBuilderX 工程转换 vue-cli 工程
2、将 HBuilderX 工程内的文件(除 unpackage、node_modules 目录)拷贝至 vue-cli 工程内 src 目录
风花一世月
2024/03/19
3550
Ionic3学习笔记(一)安装、项目结构与常用命令
创建一个新项目,有blank、tabs、sidemenu3种样式可选,tutorial、super、conference为官方Demo,aws为AWS Mobile Hub Demo
Theo Tsao
2018/09/07
1.3K0
vue-cli@2.x项目迁移日志
虽然 vue-cli@3 早就已经巨普及了,新项目应该已经很少有人还有使用 vue-cli@2.x 。 但是对于一些稍微早些时候的 vue 项目,如果当时没有做一些优化、配置,随着 webpack vue 等包的升级,有一些配置已经不一样了,并且关于 vue-cli@2.x 项目的文档、博客也越来越少,如果遇到问题也许也会有麻烦,因此就想着把当前的 vue-cli@2.x 项目原地升级配置。
易良
2019/06/07
5590
解决 `npm ERR! Cannot read properties of null reading ‘pickAlgorithm‘` 报错问题
在前端开发或使用 Node.js 进行项目构建时,我们经常使用 npm(Node Package Manager)来管理和安装依赖包。然而,有时候在执行 npm install 或其他 npm 命令时,会遇到各种各样的报错信息。本篇博文将综合多种解决思路,以解决常见的报错信息:npm ERR! Cannot read properties of null (reading 'pickAlgorithm')。
默 语
2024/11/20
1900
uView UI框架Vue CLI空白项目运行报错:this.getOptions is not a function的解决方法
看了一下 uView 文档,使用 Vue CLI 创建了一个 uni-app 项目,因为 uView 有针对 Vue CLI 的空白项目包。
德顺
2021/04/25
3K1
WebRTC--从编译到部署,打造点对点音视频通话服务器
WebRTC实现了基于网页的视频会议,是一个支持网页浏览器进行实时语音对话或视频对话的API(来自百度),由google开发,并于2011年6月3日开源。 和直播推流不同,这是点对点通讯,服务器只是帮助建立连接,以满足视频通话的低延迟要求 分为三个服务器: 1.房间服务器:创建房间,让用户可以在一个房间内通讯 2.信令服务器:用于用户交换信令,建立连接,类似TCP握手 3.ICE服务器(内网穿透服务器):用于穿透内网IP,实现外网连接 本文基于CentOS7系统
aruba
2021/07/16
2.9K0
WebRTC--从编译到部署,打造点对点音视频通话服务器
npm 入门教程
Node.js 的出现使得用 Javascript 写服务端应用成为可能。Node.js 由 C++ 编写而成并且构建于 V8 引擎之上,因此运行得很快。一开始,Node.js 只是想运行于服务端环境,但是开发者们显然不满足于此,开始创造各种工具来实现自动化任务。也因为此,基于 Node 的前端自动化工具(如Grunt, Gulp 和 Webpack)的出现也给前端开发带来了翻天覆地的变化。
疯狂的技术宅
2019/03/27
1.4K0
npm 入门教程
Electron9.x +vue+ffi-napi 调用Dll动态链接库
本文主要介绍在 Electron9.x 中,使用ffi-napi,ref-array-napi,ref-napi 加载 Windows 动态链接库,并在Vue 渲染进程中使用。使用过程中会遇到一系列的坑,本文将会一一解决,并解释原因。如有同行兄弟遇到此问题可以借鉴。
治电小白菜
2022/09/08
5K0
Webpack打包构建太慢了?试试几个方法
webpack支持监听模式,此时需要重新编译时就可以进行增量构建,增量构建是很快的,基本不到一秒或几秒之内就能重新编译好
书童小二
2018/09/03
5.2K0
Webpack打包构建太慢了?试试几个方法
【开发指南】(六)Ionic3从目录结构理解开发
对比目前其它流行的js框架,个人觉得其分工明确、清晰好理解,我觉得就算一开始头脑一遍空白的新手,对他讲解过一次后都能有个大致印象。
IT晴天
2018/08/20
2.9K0
如何随意切换 NodeJs 版本?
松哥最近正在录制 TienChin 项目视频~采用 Spring Boot+Vue3 技术栈,里边会涉及到各种好玩的技术,小伙伴们来和松哥一起做一个完成率超 90% 的项目,戳戳戳这里-->TienChin 项目配套视频来啦。 ---- 周五来个简单的,轻松一下~ 小伙伴们知道松哥最近在录TienChin项目的视频,其中前端用的是 Vue3,这个用的是 RuoYi-Vue3,这个脚手架里边前端用的 yarn,并且还使用了一些插件,导致 Node 版本必须要 >=14。 正准备更新我的 Node 的时候,忽然
江南一点雨
2022/07/18
1.4K0
如何随意切换 NodeJs 版本?
探究 npm install 后 node_modules 突然消失的深层原因与解决之道
在 Node.js 的开发过程中,npm install 是一个常见的命令,用于根据项目的依赖配置文件 package.json 安装所有的必要模块。然而,有时你可能会发现,npm install 运行后,node_modules 文件夹短暂地出现,但随后却莫名其妙地消失了。这种现象可能让人感到困惑甚至沮丧。以下内容将从多方面探讨可能的原因和解决方法。
编程小妖女
2025/01/31
2410
探究 npm install 后 node_modules 突然消失的深层原因与解决之道
react+rust+webAssembly(wasm)示例
前言:WebAssembly(简称wasm)已经出来有几年了,在一些需要高性能的web应用场景中,wasm技术可以让代码执行效率大大提升。react做为目前大厂主流的前端框架之一,搭配上最近几年一直越来越火的Rust语言,可以很好的结合起来,形成wasm的解决方案。国外有高人给出了一篇详细的英文入门教程(见本文最后的参考文章链接),下面是主要使用步骤。
菩提树下的杨过
2022/08/23
1.5K0
react+rust+webAssembly(wasm)示例
NPM 学习笔记整理
npm 之于 Node ,就像 pip 之于 Python , gem 之于 Ruby , composer 之于 PHP 。
ihoey
2018/10/31
6770
Node.js代码漏洞扫描工具介绍——npm audit
主要作用:检查命令将项目中配置的依赖项的描述提交到默认注册中心,并要求报告已知漏洞。如果发现任何漏洞,则将计算影响和适当的补救措施。如果 fix 提供了参数,则将对包树应用补救措施。 具体参考:https://www.npmrc.cn/quick-start/about-npm.html
粲然忧生
2023/10/12
1.8K0
Node.js代码漏洞扫描工具介绍——npm audit
Week2-脚手架架构设计和框架搭建
和自动化构建工具(jenkins、travia)区别:自动化构建工具在服务端执行,无法覆盖本地操作且定制自动化的构建工具需要用到Java等后端语言,对前端不友好。
六个周
2022/10/28
1.3K0
Week2-脚手架架构设计和框架搭建
推荐阅读
相关推荐
解决 `npm i` 安装依赖时的版本冲突问题
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验