构建Vue前端项目时遇到的问题

1、卸载vue-cli脚手架的命令：npm uninstall vue-cli -g。

2、卸载完成查询命令：vue -v。

3、执行【npm run dev】之后，会出现下面的问题。

4、通常是vue-cli脚手架安装错了路径，将vue-cli脚手架重新卸载，然后安装在C盘就可以了。

5、创建SpringBoot项目时遇到的问题，如下图所示。

错误信息表明，您的Spring Boot应用程序在启动过程中遇到了问题，并且无法初始化ApplicationContext。具体原因是应用程序试图绑定到8080端口，但该端口已经被其他进程占用，导致启动失败。其实就是端口被占用了，修改端口即可。

6、更改Spring Boot应用的端口号：在Spring Boot应用程序的配置文件application.properties（application.yml）中，添加或修改以下配置项以指定一个新的端口号：

server.port=8081

执行以上操作后，重新启动您的Spring Boot应用程序，应该就可以成功绑定到新配置的端口上运行了。

7、运⾏Vue项⽬出现的问题：

错误信息表明，在目录下，npm（Node Package Manager）没有找到必需的package.json文件。这个文件对于npm项目是至关重要的，因为它包含了项目的配置信息、依赖包列表以及其他项目元数据。

当运行npm run dev命令时，npm试图在当前工作目录查找并读取package.json文件以执行dev脚本。由于找不到该文件，因此出现了ENOENT错误，表示“no such file or directory”。

解决办法：

确认你是否在正确的Vue项目目录中运行命令。通常在Spring Boot与Vue结合的项目中，前端部分会有一个包含package.json的独立目录，你需要进入那个目录再运行npm run dev。

8、运⾏Vue项⽬出现的问题1：

这个错误信息表示在编译过程中，Webpack无法解析axios库中的一个模块文件（./node_modules/.store/axios@1.6.7/node_modules/axios/lib/platform/index.js），因为它遇到了ES6的扩展运算符（...）并需要合适的loader来处理这种语法。

像这种问题其实就是axios版本不兼容，降低一下版本就好了,npm install axios@版本号 --save重新安装就好了。