主要问题为:

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'的更多相关文章

  1. 异常问题解决Error:Execution failed for task ':app:processDebugManifest'

    Error:Execution failed for task ':app:processDebugManifest' www.MyException.Cn  网友分享于:2015-12-28  浏览 ...

  2. 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 ...

  3. Error:Execution failed for task ':app:transformClassesWithDexForDebug'解决记录

    转载请标明出处: http://blog.csdn.net/lxk_1993/article/details/50511172 本文出自:[lxk_1993的博客]:   3个错误non-zero e ...

  4. Ionic app升级插件开发

    终于走到了写插件的这个地方了,插件的过程: 1.安装plugman插件,管理我们的程序 npm install -g plugman 2.创建插件项目appUpgrade,cd 到你的目标目录下,执行 ...

  5. Ionic学习记录(一):ionic及cordova安装、创建第一个应用、项目结构

    目录: 一.ionic的安装 二.创建第一个应用程序 三.浏览器中预览应用 四.项目结构 五.添加页面 一.ionic的安装 使用Ionic创建和开发应用程序主要通过Ionic命令行实用程序(“CLI ...

  6. Error:Execution failed for task ':app:transformClassesWithDexForDebug'.

    使用android studio 时,编译成功但用build apk时却报错 环境: android studio 1.5, jdk1.7 错误:Error:Execution failed for ...

  7. inoic start projectname sidemenu报错 - Error: Cannot find module 'lodash._baseslice'

    inoic start projectname sidemenu报错 - Error: Cannot find module 'lodash._baseslice' 在公司的电脑上出现过这个错误,后来 ...

  8. BUG Error:Execution failed for task ':app:dexDebug'.

    Error:Execution failed for task ':app:dexDebug'. > com.android.ide.common.process.ProcessExceptio ...

  9. 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 ...

随机推荐

  1. Building Apps for Windows 10 on LattePanda–Jump Start

    1.引言 目前来看,LattePanda应该是最小的运行Full Windows 10系统的开发板了(注意,不是Windows 10 for Mobile,也不是Windows 10 IoT系列,而是 ...

  2. 谈谈ES6箭头操作符

    如果你会C#或者Java,你肯定知道lambda表达式,ES6中新增的箭头操作符=>便有异曲同工之妙.它简化了函数的书写.操作符左边为输入的参数,而右边则是进行的操作以及返回的值Inputs=& ...

  3. Chrome浏览器扩展开发系列之七:override页面

    Chrome浏览器通常提供了一些默认页面,如标签管理器页面chrome://bookmarks.浏览历史记录页面chrome://history或新建Tab页面chrome://newtab等. Ch ...

  4. nyoj_323:Drainage Ditches(网络流入门)

    题目链接 网络流入门@_@,此处本人用的刘汝佳的Dinic模板 #include<bits/stdc++.h> using namespace std; const int INF = 0 ...

  5. java线程数过高原因分析

    作者:鹿丸不会多项式  出处:http://www.cnblogs.com/hechao123   转载请先与我联系. 一.问题描述 前阵子我们因为B机房故障,将所有的流量切到了A机房,在经历了推送+ ...

  6. 【python】字符排序

    一.摘要 最近在做一个排序的东西,被python的字符串编码格式折腾了一会儿,总结下 二.排序 英文排序不用说,sort sorted 比较好,内部已经实现 主要是中文,方法是查表获取拼音再进行排序. ...

  7. python函数(6):内置函数和匿名函数

    我们学了这么多关于函数的知识基本都是自己定义自己使用,那么我们之前用的一些函数并不是我们自己定义的比如说print(),len(),type()等等,它们是哪来的呢? 一.内置函数 由python内部 ...

  8. Java基础之集合框架类及泛型简介

    Collection接口 Collection 通用的常见方法 add()添加一个元素,可以指定脚标 addAll()将一个collection放入 clear()清除 remove()删除元素,返回 ...

  9. jquery实现多条件筛选特效代码分享

    本文实例讲述了jquery实现多条件筛选特效.分享给大家供大家参考.具体如下:jquery实现的多条件搜索表单带日期选择表格表单效果源码,是一段实现了多个条件筛选搜索的特效代码,多条件拥有时间.地点. ...

  10. java垃圾回收过程

    对于年轻代,刚开始创建的对象都是放置在eden区的,而将年轻代分成3个部分,主要是为了生命周期短的对象尽量留在年轻代.当eden区申请不到空间的时候,进行minorGC,把存活的对象拷贝到survio ...