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
隔了一天再打开,莫名奇妙的报错了,what? why? Who moved my code?
在这里插入图片描述
是因为之前更新了webpack版本?node版本不对?删了node_modules重装?切换node版本试试不好使,删了node_modules重装试试? 一阵试…奈何,奈何还是不好使。

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

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

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

npm install eslint-loader@2.1.2 --save-dev 

在这里插入图片描述
竟然好使,就这样解决了,虽然不太懂为什么,也许升级webpack原因?有点奇怪,先记录下吧。。。

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

参考链接

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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值