【程序人生】Nuxt安装步骤及报错 Plugin/Preset files are not allowed to export objects --- Nuxt

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在后续版本会修复这个问题…