Nuxt作为一个SSR的框架目前需要在nodejs的环境下能够进行服务器的渲染,其配合vue一起功能强大就不说了,我们来看看安装时出现的报错吧
这是Nuxt的官方文档:https://zh.nuxtjs.org
参考的github地址:https://github.com/nuxt-community/koa-template
1.首先需要安装一个模板命令如下:
注意安装前,必须要安装vue-cli脚手架,否则用不了vue进行安装,j脚手架安装指令 npm install -g vue-cli
vue init nuxt-community/koa-template <project-name>
2.根据To get started里命令提示进行安装依赖和运行项目:
首先进入你一开始创建的文件名目录,然后npm install
,等待一会,如果中途出现卡住了或者下载太慢,建议使用cnpm 淘宝镜像,或者安装一个nrm
小工具,可以参考 https://cnodejs.org/topic/5326e78c434e04172c006826 ,这里的社区文档进行安装,非常简单如图如果想用cnpm直接nrm use cnpm即可
好了,回到正题,当你npm install
完成之后,看一下安装日志,如果看到这个
应该重新再安装一下输入npm install --update-binary
目的是用node再次重新编译,预防后续使用出错,完成再次安装之后,部分版本还会出现这个警告情况
提示ajv-keywords这个包需要安装一下同级关系的ajv@xxx,这里提示那个版本就安装哪个版本npm install ajv@6.0.0
上面的报错一般都是mac osx系统的小伙伴才会出现的,如果你是win或者Linux系统的话一般在install时出现下面这个fsevent警告,一般可以忽略
3.最后完成npm install阶段后,就通过npm run serve启动服务
查了一下报错源,根据github上的issue提示升级依赖版本,造成改错的原因是版本依赖升级导致的编译失败问题,然后有一段话:
执行这两个命令就可以解决了:
npm un backpack-core eslint eslint-loader
然后
npm i backpack-core@0.8.3 eslint@3.19.0 eslint-loader@2.1.1
最后在重新编译一下就可以了,出现Server listening on 127.0.0.1:3000
的话就说明启动成功啦 ?
4. 打开构建好的项目,点开一个vue文件,出现Eslint报错:
,查了一下是eslint版本对应问题,更新一下eslint-plugn-html的版本
npm install eslint-plugn-html@^3
然后重新打开项目就解决了eslint模版的问题了,好像nuxt在后续版本会修复这个问题…