ionic新建项目失败:node-sass/node scripts

问题版本:ionic3.12.0

 

关于ionic的新建和配置,这里就不介绍了,推荐大家一篇博客写的非常详尽。https://blog.csdn.net/lk1822791193/article/details/87888164

 

 

愿大家不再进坑

 

笔者的问题出现新建ionic项目时,它报如下错误

ionic新建项目失败:node-sass/node scripts_第1张图片

 

 

笔者在网上也找了不少办法,都没法解决我的问题。最后笔者按照大兵同学的博客尝试解决,可是步骤死活没弄对,自己研究了好久,幸亏大兵离得近,最终给大兵喊过来了才解决了问题。问题解决了,但我意识到,如果不更加详尽的把解决问题的步骤描述出来还会有很多人在此耗费大量的时间,因此笔者在这里详尽的记录接下来的步骤。

大兵博客参考:https://blog.csdn.net/lk1822791193/article/details/87452812#comments

 

 

具体步骤

 

1.当你新建一个ionic项目卡在了上图时。

再打开一个窗口,定位到刚才新建报错的那个文件夹里,启动项目。ionic serve

ionic新建项目失败:node-sass/node scripts_第2张图片

 

 

2.不要慌张,报这个错误就对了!

输入如下代码

npm install @ionic/app-scripts@latest --save-dev

 

 

3.会出现下面的情况。这是你再ionic serve试试~

ionic新建项目失败:node-sass/node scripts_第3张图片

 

 

4.项目启动成功,网页也应该会自动弹出来。

ionic新建项目失败:node-sass/node scripts_第4张图片 

 

 

5.效果如下

ionic新建项目失败:node-sass/node scripts_第5张图片 

 

 

心路历程

 

其实小僧完整的心路历程是这样的:2天前,我被这个问题卡了一下午,然后晚上曲线救国,安装了ionic4,一下就成功了。今天跟着使用ionic3的老师视频学习时,发现很多东西差别都非常大,小编又笨,根本搞不懂。于是又卸载了ionic4,准备攻坚这个ionic3的问题。

 

然后我琢磨能不能查查ionic4的视频,学最新的。可是各种中文网站上都没有。ionic4都4.10版本了,中文网站上竟然还没有ionic4的教学。

 

这让我深深体会到了英语对于编程的重要性......

 

 

你可能感兴趣的:([Ionic])