运行vue项目显示找不到vue-cli

直接下载ruoyi源码到本地,启动ruoyi-ui的时候报错:

运行vue项目显示找不到vue-cli_第1张图片

原来是电脑没配置nodejs。

所以先去官网下载nodejs,然后安装完之后,在命令行窗口输入:

运行vue项目显示找不到vue-cli_第2张图片 

 显示安装成功。

但还没有结束,还要配置npm的全局模块的存放路径以及cache的路径。

配置过程:

运行vue项目显示找不到vue-cli_第3张图片

然后不要忘了在nodejs文件夹也要新建node_global和node_cache这两个文件夹(应该是自己新建吧)。

这里配置完后,安装一个包看看:

运行vue项目显示找不到vue-cli_第4张图片

怎么又在报错!原来是说log文件写不进去,这是因为对于node_module、node_cache和node_global的权限设置正确(因为我把之前电脑上的文件夹直接复制过来了,所以权限可能有问题)。

那就修改一些权限吧:

进入nodejs的安装路径,可以直接修改nodejs整个文件夹的权限。

 运行vue项目显示找不到vue-cli_第5张图片

 然后点击编辑按钮,更改权限:

运行vue项目显示找不到vue-cli_第6张图片

 权限修改完了,此时再安装包试试。

运行vue项目显示找不到vue-cli_第7张图片

安装成功了。

但是ruoyi-ui还是启动不了啊,原来是因为我们没有配置nodejs的环境变量。 

那就打开环境变量配置窗口:此电脑->右键属性->高级->环境变量。

运行vue项目显示找不到vue-cli_第8张图片

其实我感觉我好像有点写乱套了,但是先把我所有尝试过的操作都放在这里吧。

然后去启动ruoyi-ui,发现还是报错。原来我们还没有安装依赖呢!(其实这个才是最重要的)

进入package.json,然后在终端中输入npm install。

当所有依赖安装完成后,再输入命令npm run dev就会出现下面的情况:

 这个没事,这个是因为ruoyi的npm是16的,我们安装的是18,所以输入新的指令后,再启动项目就好了。

输入的指令为:

$env:NODE_OPTIONS="--openssl-legacy-provider"
npm run dev  

运行vue项目显示找不到vue-cli_第9张图片

 现在ruoyi-ui可以正常启动了。

参考博客:

1. npm 安装详细教程_npm安装_Cleve_baby的博客-CSDN博客

2. 关于npm install md5报错the command again as root/Administrator的解决办法_npm安装md5_Python 键盘上的舞者的博客-CSDN博客

3. 若依报错解决_若依前端启动报错_Lucky丶码农的博客-CSDN博客

你可能感兴趣的:(vue.js,前端,javascript)