运行克隆的Vue.js项目时出现‘vue-cli-service’未识别错误,求解决方案
解决'vue-cli-service' 未识别的问题(针对克隆的Vue项目)
先安装项目本地依赖:克隆项目默认不含
node_modules文件夹,在项目根目录执行以下命令,确保所有依赖(包括@vue/cli-service)安装完成npm install # 若使用yarn则执行 yarn install确认本地脚本路径:检查项目根目录下
node_modules/.bin文件夹是否存在vue-cli-service(Windows系统为.cmd后缀文件),该目录是npm/yarn存放本地可执行脚本的位置,npm run命令会自动检索此路径直接调用本地脚本(绕过PATH问题):如果直接执行
vue-cli-service报错,可使用相对路径调用# Linux/macOS ./node_modules/.bin/vue-cli-service serve # Windows .\node_modules\.bin\vue-cli-service.cmd serve检查package.json脚本配置:打开项目
package.json,确认scripts字段配置正确,示例如下"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build" }确保你通过
npm run serve或yarn serve启动项目,而非直接输入vue-cli-service serve清理缓存重新安装:若以上步骤无效,删除本地依赖和锁定文件后重新安装
# Linux/macOS rm -rf node_modules package-lock.json npm install # Windows命令行 rmdir /s /q node_modules del package-lock.json npm install检查版本兼容性:查看项目
package.json中@vue/cli-service的版本号,若与你全局安装的Vue CLI版本差异过大,安装对应版本的本地依赖# 示例:安装4.x版本的@vue/cli-service npm install @vue/cli-service@4.x --save-dev
内容的提问来源于stack exchange,提问作者Suraj Kumar
相关产品推荐
相关产品推荐

