新建Vue项目后运行vue ui无法启动加载,终端报locales目录不存在错误
问题根因
该报错是全局安装的Vue CLI版本与项目局部依赖的@vue/cli-service版本不兼容,或@vue/cli-service包安装不完整导致内置的locales目录缺失,Vue UI启动时扫描不到对应路径触发报错。单独安装额外的locales依赖无法解决问题,因为CLI默认读取的是@vue/cli-service自身内置的locales目录。
修复步骤
- 第一步:重装全局Vue CLI到最新稳定版,清理旧版本残留
# npm全局卸载重装 npm uninstall -g @vue/cli npm install -g @vue/cli@latest # 若之前用yarn全局安装过,同步执行以下命令 yarn global remove @vue/cli yarn global add @vue/cli@latest
- 第二步:清理项目依赖缓存,重装局部依赖
进入项目根目录,执行以下命令:
# 删除旧依赖和锁文件 rm -rf node_modules package-lock.json yarn.lock # 重新安装依赖(二选一即可) npm install # 或 yarn install
- 第三步:版本对齐(可选,若前两步未解决则执行)
查询全局Vue CLI版本:
vue --version
将项目局部的@vue/cli-service安装为和全局CLI相同的版本,例如全局版本为5.0.8则执行:
npm install @vue/cli-service@5.0.8 --save-dev # 或 yarn add @vue/cli-service@5.0.8 --dev
- 第四步:验证修复
重新执行vue ui命令,确认界面可正常加载无报错。
内容的提问来源于stack exchange,提问作者Typhaon
相关产品推荐
相关产品推荐

