【问题解决记录】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. 终于成功,鼓掌!鲜花!不容易啊,一天都在填坑。
希望能够帮助到大家,有疑问可以评论,大家一起解决
最新文章
- centos 更换 yum源
- JavaScript之Array类型
- poj 2226 Muddy Fields(合理建图+二分匹配)
- hdoj 1879 继续畅通工程
- (转)基于即时通信和LBS技术的位置感知服务(三):搭建Openfire服务器+测试2款IM客户端
- 【HDOJ】1050 Moving Tables
- JQuery的几种页面加载完执行三种方式
- velocity自定义动画
- select语句后面加上for update的作用
- 项目适配iOS9遇到的一些问题及解决办法
- Win7如何解决telnet不是内部或外部命令的方案!听语音
- Python作业之多级菜单
- WebSocket入门及示例
- redis安装及生产采用的启动方式和常用连接客户端
- python第一百零八天---Django 3 session 操作
- HDU 1030(三角数阵 数学)
- bootstrap之FONTAWESOME 图标
- angularJs, ui-grid 设置默认group, 及排序
- Rob Pike 编程五原则
- swift - 本地通知2 - 啰嗦版
热门文章
- AngularJs学习笔记2-控制器、数据绑定、作用域
- sleep() 和 wait() 有什么区别?
- 列表的系列操作(python)
- 008.Adding a model to an ASP.NET Core MVC app --【在 asp.net core mvc 中添加一个model (模型)】
- linux用户及权限管理
- Chrome浏览器 54 版本显示“Adobe flash player已过期”问题解决
- 支持多个版本的ASP.NET Core Web API
- HTML5 开发APP
- Java第四次上课博文动手动脑
- CSS随笔2