DAY18 - 踩坑纪录 : 填了坑又有新的坑

前言

铁人赛进入第十八天，今天原本是要开始讲网页前端的部分
没想到碰到自己挖的坑...所以这篇变成踩坑的纪录

今年五月中，台湾已经进入平行世界好一阵子了，每天+0都无感了
突然间疫情升高，进入三级警戒，学校停课，让家里是开早餐店的大叔
更没事做了(因为店就在学校旁边...客人都待在家不上学...XDD)
还好这时有佛心的六角学院，开放一堆原本是付费的教学影片
六角学院每周邀请讲师全集 2020 ~ 2021 可以限时的免费观看(到6/28)

原本今天的内容是 : 使用 nuxt 快速打造现代SPA 网站

所谓的套版，就是拿网页现成的画面版型套用在自己的网站，不用自己写网站的外观
这个做法很古早以前就有，只是大叔我只听过从来没用过，一直到开始使用Blog系统才开始使用套版，But 自己写的网站，要怎麽使用套版，完全没概念，看了这部影片才知道套版怎麽用

自己给自己挖的坑

当时限免的影片，我有照着做完，成果也有放github
但这次要重新拿来用，就掉进自己制造的坑里

当初为了开始准备铁人赛，突然重灌病发作，把已经用很久
开发环境都很稳定的笔电给它reinstall 自己给自己挖坑的开始

这个范例5月才做过，怎麽才几个月现在我从github上拉下来，npm install 会出包
当初这个教学影片有一个坑，填坑的时间比影片的时间还久，当初还特地写笔记记录下来

笔记内容:

安装 node-sass 与 sass-loader 预设版本太高
跟选用的网页模板有冲突的坑!!!
教学影片长度不到两小时，我解这个坑花超过两个小时...

在完全没有NUXT.JS 与SASS 的知识背景下
是靠console.log 喷出的错误当关键字，喂狗(google) 才找到解答
这次套版是用: HTML5 Template - Phantom
可用的 node-sass 与sass-loader 套件版本为:

npm install --save-dev [email protected]
npm install --save-dev sass->>[email protected]

当初解决的坑...又回来了，而且坑变大了!喷错的地方比原本的还多

经过数小时...终於找到解法，把这个坑填起来 (解法在参考资料的连结)

填完坑後，又踩到坑

本以为把上面的坑填完之後，总该可以开始进入原本要写的内容了...并没有
原因很简单，有金鱼脑的我已经忘了几个月前做的范例内容了，完全忘记
把当初的commit叫出来看，仍然唤不醒金鱼脑失去的记忆

而当初的笔记，只记录解bug的部分，至於教学的内容就省略不提
当时写笔记的时候，想说因为影片内容是别人营业用的教材
擅自给它做成笔记内容公开，恐有不妥，换成是我的话我也不喜欢有人这样做...

所以现在就是看过...就全忘光的处境
现在来检讨这部分，我想我应该会做一份不公开的笔记当作金鱼脑的备忘录 = =|||
(当初怎麽没想到...把部分内容或文章设定为不公开就好..只给自己看...啃)

以上就是铁人赛第18天的内容 :)

参考资料

• NPM的怪问题 (本次采用的解法)
• 解决node-sass与node版本冲突、导致安装 node-sass、sass-loader报错问题
• 六角学院每周邀请讲师全集-2020-2021
• 线上课程: NUXT.js 前端开发实战手册 (付费课程)