今天想搞搞nuxt,就按照官网的那样下载一个类似vue脚手架类似的 starter 模板。

# 下载nuxt模版
$ vue init nuxt-community/starter-template <project-name>

注: 如果vue-cli 没有安装, 需先通过 npm install -g vue-cli 来安装。

# 然后安装依赖包
$ cd <project-name>
$ npm install
# 接着通过以下命令启动项目
$ npm run dev

但是就这最后一步出现了问题,出现报错

 nuxt
/Users/hsacramento/.nvm/versions/node/v6.9.5/lib/node_modules/nuxt/lib/core/module.js:14
  async ready() {
        ^^^^^
SyntaxError: Unexpected identifier
    at Object.exports.runInThisContext (vm.js:76:16)
    at Module._compile (module.js:542:28)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/Users/hsacramento/.nvm/versions/node/v6.9.5/lib/node_modules/nuxt/lib/core/index.js:2:16)
    at Module._compile (module.js:570:32)

然后上网搜了一下,看一下问题所在,然后搜到了这篇文章:原文链接
大致意思是nodenpm版本低,需要的版本如下。
Nuxt.js 1.x
node > = 8
npm > = 5

这个失败弄好之后,我本地又开始失败了,报错信息如下:

error 
in ./src/App.vue

Module build failed: Error: No parser and no file path given, couldn't infer a parser.

报错信息,大概是模版变异错误。然后又不知道为啥纠结着呢。最后上网搜了资料是因为prettier版本高。所以要降级。
解决方案:

npm install --save-dev prettier@1.12.0

npm run dev

升级node.jsnpm

一行命令搞定npm和node.js的升级,省去了重新编译和安装的过程。

  • 升级node.js
    npm中有一个模块叫做“n”,专门用来管理node.js版本的。更新到最新的稳定版只需要在命令行中打下如下代码:
npm install -g n
n stable
//如需最新版本则用 n latest

注:我在升级的时候,执行权限,macsudo,当然,n后面也可以跟具体的版本号:n v6.2.0

  • 升级npm
npm -g install npm@next
Logo

前往低代码交流专区

更多推荐