vue init webpack 建vue项目报错的如何解决方法

有些时候,我们需要一种危机,来激发我们自身的潜能,唤醒我们内心深处被掩藏已久的人生激情,来实现人生的最大价值。这一秒不放弃,下一秒就有希望!

使用vue init webpack 创建vue项目时报如下错误:

vue init webpack my-project

C:\Users\computer\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init:60
let template = program.args[0]
^^^

SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode 
at exports.runInThisContext (vm.js:53:16) 
at Module._compile (module.js:374:25) 
at Object.Module._extensions..js (module.js:405:10) 
at Module.load (module.js:344:32) 
at Function.Module._load (module.js:301:12) 
at Function.Module.runMain (module.js:430:10) 
at startup (node.js:141:18) 
at node.js:1003:3

解决方法:

1.先检查npm和node的版本

查看npm版本:npm -v

升级npm: npm install -g npm

查看node版本:node -v

升级node版本:https://nodejs.org/ 官网现在下载最新的node安装

2.卸载vue-cli

npm uninstall -g vue-cli

3.重新安装vue-cli

npm install -g vue-cli

4.再运行vue init webpack my-project 成功

以上这篇vue init webpack 建vue项目报错的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

您可能有感兴趣的文章
Vue路由参数的传递与获取方式详细介绍

vue学习记录之动态组件浅析

如何解决ElementUI组件中el-upload上传图片不显示问题

解读element el-upload上传的附件名称不显示 file-list赋值

一篇关于el-table-column的formatter的如何使用及说明