关于启动vue项目，出现：Error [ERR_MODULE_NOT_FOUND]: Cannot find module ‘xxx‘此类错误

目录

一、问题报错

二、原因分析

三、解决方法

一、问题报错

        node环境变量配置有问题：

(base) xxx@M73H-15:~/VueProject/pproject-vue$ npm run dev
/usr/bin/env: “node”: 没有那个文件或目录

        vue项目启动有问题： 

(base) xxx:~/VueProject/pproject-vue$ npm run dev

> pproject-vue@0.0.0 dev
> vite

node:internal/modules/esm/resolve:257
    throw new ERR_MODULE_NOT_FOUND(
          ^

Error [ERR_MODULE_NOT_FOUND]: Cannot find module '/home/xxx/VueProject/pproject-vue/node_modules/dist/node/cli.js' imported from /home/xxx/VueProject/pproject-vue/node_modules/.bin/vite
    at finalizeResolution (node:internal/modules/esm/resolve:257:11)
    at moduleResolve (node:internal/modules/esm/resolve:914:10)
    at defaultResolve (node:internal/modules/esm/resolve:1038:11)
    at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:557:12)
    at ModuleLoader.resolve (node:internal/modules/esm/loader:525:25)
    at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:246:38)
    at onImport.tracePromise.__proto__ (node:internal/modules/esm/loader:482:36)
    at TracingChannel.tracePromise (node:diagnostics_channel:337:14)
    at ModuleLoader.import (node:internal/modules/esm/loader:481:21)
    at defaultImportModuleDynamicallyForModule (node:internal/modules/esm/utils:214:31) {
  code: 'ERR_MODULE_NOT_FOUND',
  url: 'file:///home/xxx/VueProject/pproject-vue/node_modules/dist/node/cli.js'
}

Node.js v22.9.0

二、原因分析

        1、环境变量配置有问题，导致没找到相关的文件。

        2、项目复制导致的路径不对。

三、解决方法

        可以把相关依赖包删掉，再重新下载，这时会对应本机电脑的路径进行下载vite等前端依赖包。

        1、删除vue项目中node_modules文件夹。

        2、删除package-lock.json文件。

        3、终端切换到vue项目主路径，执行npm install进行下载。

# npm install慢的话可以配置镜像网站
npm config set registry https://registry.npmmirror.com

        4、下载完成后，会重新生成node_modules文件夹和package-lock.json文件。

        5、再次启动即可。