【问题解决记录】Error: Cannot find module '@ionic/app-scripts'
主要问题为:
ionic serve 编译在浏览器中预览项目时,提示报错 Error: Cannot find module '@ionic/app-scripts'。这个问题的主要现象就是创建的项目node_modules文件夹中没有任何文件
一点小唠叨
之前使用node 6.4/ionic 3.5版本的时候,项目编译一直没问题,今天重装了nodejs,版本升高至 V8.4.0,ionic版本升高为3.9.2,正常创建命令后,编译一直报错,在网是找了好久,终于找到了一个小的突破口。
解决过程:
1. 使用管理员身份运行命令提示符
开始——搜索——命令提示符——“右键”——管理员取得所有权
开始——搜索——命令提示符——“右键”——以管理员身份运行


因为之前安装ionic时,虽然成功了,但是有好多飘红的,所以这里我将ionic重装了一遍
2. 重装 ionic
npm install -g cordova ionic
这次安装没有出现飘红的,说明刚才因为不是管理员权限,有些东西没有安装成功。而且这时项目文件夹中node_modules增加了很多文件
3. 在成功安装ionic 后,继续安装 报错中缺失的 '@ionic/app-scripts',具体说明见NPM官网
npm install @ionic/app-scripts@latest --save-dev
在我以为成功的时候,cd到项目所在目录下,输入 ionic serve命令 ,依旧报错,我的内心是崩溃的,报错内容为Error: Cannot find module '@typescript'
4.运行以下命令 安装typescript,看了这个网址(若打不开请自行翻墙)上大家讨论的,大致意思是说给VScode使用的typesc和node所需要的typescript组件不是同一个,所以即使我们使用 npm install -g typescript 装了typescript 也无济于事
npm install // 不确定这个命令是否需要,看了这个https://github.com/ionic-team/ionic-app-scripts/issues/542,有人说运行了,我也就尝试了下 --------------------------------------------------------------------------------------------- npm install in typescript-tools // 就我看来是这句起效了https://github.com/clausreinke/typescript-tools/issues/59
这时我接着输入命令 ionic serve ,依旧报错

具体报错文字:
Error: %1 is not a valid Win32 application.
\\?\E:\ionic_app\tutorial\node_modules\node-sass\vendor\win32-x64-57\binding.nod
e
在网上谷歌了答案,每次有问题用百度永远找不到答案,推荐谷歌。牛牛的.....这不是崇洋媚外,这是事实啊!
5. 终端输入命令
npm install node-sass
github贴子上(点击跳转若打不开请自行翻墙)大家讨论,好像是因为node的版本和node-sass的版本没匹配上,才导致出现这类问题


6. 终于成功,鼓掌!鲜花!不容易啊,一天都在填坑。

希望能够帮助到大家,有疑问可以评论,大家一起解决
【问题解决记录】Error: Cannot find module '@ionic/app-scripts'的更多相关文章
- 异常问题解决Error:Execution failed for task ':app:processDebugManifest'
Error:Execution failed for task ':app:processDebugManifest' www.MyException.Cn 网友分享于:2015-12-28 浏览 ...
- angular2 ng build --prod 报错:Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory'
调试页面 ng serve 正常 ng build 也正常 ng build --prod 异常:Module not found: Error: Can't resolve './$$_gendir ...
- Error:Execution failed for task ':app:transformClassesWithDexForDebug'解决记录
转载请标明出处: http://blog.csdn.net/lxk_1993/article/details/50511172 本文出自:[lxk_1993的博客]: 3个错误non-zero e ...
- Ionic app升级插件开发
终于走到了写插件的这个地方了,插件的过程: 1.安装plugman插件,管理我们的程序 npm install -g plugman 2.创建插件项目appUpgrade,cd 到你的目标目录下,执行 ...
- Ionic学习记录(一):ionic及cordova安装、创建第一个应用、项目结构
目录: 一.ionic的安装 二.创建第一个应用程序 三.浏览器中预览应用 四.项目结构 五.添加页面 一.ionic的安装 使用Ionic创建和开发应用程序主要通过Ionic命令行实用程序(“CLI ...
- Error:Execution failed for task ':app:transformClassesWithDexForDebug'.
使用android studio 时,编译成功但用build apk时却报错 环境: android studio 1.5, jdk1.7 错误:Error:Execution failed for ...
- inoic start projectname sidemenu报错 - Error: Cannot find module 'lodash._baseslice'
inoic start projectname sidemenu报错 - Error: Cannot find module 'lodash._baseslice' 在公司的电脑上出现过这个错误,后来 ...
- BUG Error:Execution failed for task ':app:dexDebug'.
Error:Execution failed for task ':app:dexDebug'. > com.android.ide.common.process.ProcessExceptio ...
- Error:Execution failed for task ':app:dexDebug'. > com.android.ide.common.process.ProcessException
异常Log: Error:Execution failed for task ‘:app:dexDebug’. > com.android.ide.common.process.ProcessE ...
随机推荐
- springmvc(三) 参数绑定、
前面两章就介绍了什么是springmvc,springmvc的框架原理,并且会简单的使用springmvc以及ssm的整合,从这一章节来看,就开始讲解springmvc的各种功能实现,慢慢消化 --W ...
- Kintinuous 相关论文 Volume Fusion 详解
近几个月研读了不少RGBD-SLAM的相关论文,Whelan的Volume Fusion系列文章的效果确实不错,而且开源代码Kintinuous结构清晰,易于编译和运行,故把一些学习时自己的理解和经验 ...
- MAC本上appium连接真机
简单介绍一下appium连接ios真机测试环境的软件安装及配置过程: 目前我用的是desktop版本的appium, 所以MAC版本必须要升级到10.12以上,Xcode版本必须要在8.0以上,否则亲 ...
- java窗口按钮设置五个方向
java窗口按钮设置五个方向 代码如下: package Day08; import java.awt.BorderLayout;import javax.swing.JButton;import j ...
- 线程高级.md
例题,哲学家用餐: 在一张餐桌上坐着五个哲学家,但是却只有五根筷子,每个哲学家只有一根筷子,所以当一个哲学家要夹菜的时候需要用他旁边那个哲学家的筷子,被拿走筷子的哲学家则只能等待那个哲学家吃完放下筷子 ...
- [C++ Calculator 项目] 文件读入与可视化实现
Calculator V1.1 注:这是C++计算器项目第三.四部分-文件读写与可视化 [基于原代码重构而得] 源文件已上传至Github 文件读写 可视化 文件读写: Ⅰ.在原基础代码上增加了-f参 ...
- (转)JAVA堆栈操作
java.util.Queue用法(是util中的一个接口) 队列是一种特殊的线性表,它只允许在表的前端(front)进行删除操作,而在表的后端(rear)进行插入操作.进行插入操作的端称为队尾,进行 ...
- 安装cocoaPods第三方类库
*1 检测gem 镜像文件 输入指令: gem sources -l 回车后得到镜像地址.可能是一个,也可能有好几个,常见两个如下 https://rubygems.org/ ...
- html5图片上传时IOS和Android均显示摄像头拍照和图片选择
最近在做信开发时,发现<input type="file" />在IOS中可以拍照或从照片图库选择,而Android系统则显示资源管理器,无拍照选项,网上查找资料,改为 ...
- mysql 5.7 root密码重置(centos 7)
mysql5.7版本之后,与mariadb不同,在安装之后,在启动之时,会进行自动随机密码的设定,所以在systemctl start mysqld之后,会出现mysql -uroot -p无法登陆的 ...