nuxt.js报错处理

这两天在看koa-template(带有KoaJS的Nuxt.js的入门模板),看着蛮简单,对照着koa-template上面说的步骤做了:

vue init nuxt-community/koa-template learn-nuxt
cd learn-nuxt
npm install 
npm run dev

果然,很顺利的出现了如下界面:
nuxt.js报错处理_第1张图片
隔了一天再打开,莫名奇妙的报错了,what? why? Who moved my code?
nuxt.js报错处理_第2张图片
是因为之前更新了webpack版本?node版本不对?删了node_modules重装?切换node版本试试不好使,删了node_modules重装试试? 一阵试…奈何,奈何还是不好使。

不能读取未定义的eslint,这简单啊,那就直接npm install eslint 呗,果然这个错误没有了,却没有预想中的那么顺利,莫名其妙的不知道为啥又出现了下面的错误,貌似在bug的世界里越走越远。。。
nuxt.js报错处理_第3张图片
这啥错误,babel版本不兼容?
奇怪,奇怪,真奇怪… 那就开始谷歌、百度查吧,貌似大多数的错误都能在网上找到。试了一个又一个,不行不行还是不行… . 终于,…守得云开见月明le…
找到了在安装NuxtJS的时候出现的问题
,那就是试试呗:

npm uninstall --save babel-loadernpm uninstall --save @babel/core
npm install --save-dev babel-loader@^7

执行完了再运行,如下图:
nuxt.js报错处理_第4张图片
哇,有点激动,竟然解决了,虽然又出现了新的错误,但至少不是刚才的错误了,前进了不少哈~咦?这不是最开始的错误?原来不是光看字面意思,想当然的npm install eslint 可以解决的呢,看来还是要查一查,看看前人有没有提供什么解决方案啥的。鼠标点一点,果然被我找到了一篇文章Cannot read property ‘eslint’ of undefined, 试试呗。。都是英文怎么办,看不懂?
先看看赞多的、打绿色对勾的、或者被采纳的,试试works、fixed的代码呗,不行在工具翻译呗,,大概浏览看到了这一行this version works!,看着有点像,试试呗~

npm install [email protected] --save-dev 

nuxt.js报错处理_第5张图片
竟然好使,就这样解决了,虽然不太懂为什么,也许升级webpack原因?有点奇怪,先记录下吧。。。

果然,沿着前人踩的坑,路还是好走些的~

参考链接

koa-template
Cannot read property ‘eslint’ of undefined
在安装NuxtJS的时候出现的问题

你可能感兴趣的:(vue)