1. 缺少python2.7支持

npm install --global --production windows-build-tools

2. 上述命令执行后,出现不“不支持”的error,改用官网下载python2.7.1,并设置python的环境变量,cmd窗口验证,python安装成功;

     虽然说python安装成功,但是运行npm install 出现了另一个问题:

     

vue项目运行异常排查_python

 最终解决

    本地环境原采用node最新版本16.1.1,后来出现了python的兼容问题,经过实践操作,采用的是node[14.6.1]版本,然后项目就跑起来了。

3.如果需要从前台找到后台页面的路径,一般操作是不容易找到的

     Vue.js开发神器之chrome浏览器插件devtools

    参考: ​​https://www.jianshu.com/p/c021fccec449​

4.npm install 时出现 The "path" argument must be of type string

vue项目运行异常排查_python安装_02

 解决办法

文件路径  C:\Users\jiangjiang\AppData\Roaming\npm\node_modules\nrm

修改 cli.js

const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc');

vue项目运行异常排查_python_03

5.npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确...... 

解决办法:

vue项目运行异常排查_python安装_04

    权限不够,没有项目访问权限

6.npm run dev 与 npm run serve 的区别

vue项目运行异常排查_json_05

 当运行项目时,发现npm run dev 时报错,而运行 npm run serve可以

分析:

npm run xxx,并不是你想运行就运行的,只有在 package.json scripts 配置了,你才能 run 的,所以不是所有的项目都能 npm run dev/build。

要了解这些命令做了什么,就要去package.json文件中 scripts中看具体执行的是什么代码。这里就像是一些命令的快捷方式,免去每次都要输入很长的的命令(比如 serve 那行)