vue-cli启动项目失败(npm run server)亲测可行

起因:

因为好久没有用vue写项目了,最近在搭建vue脚手架后,运行总会报错,网上找了一堆教程都没用,后来自己摸索解决后,整理出这篇文章。

文章已经发在我的博客上面了,点击可直接访问

报错:

起初我在搭建脚手架的时候是手动配置的,后来在npm run dev或者npm run server的时候发现都不可以。

提示:

npm ERR! Missing script: "server"
npm ERR!
npm ERR! To see a list of scripts, run:
npm ERR!   npm run

我当时很困惑,于是我找到了我的package.json文件

内容如下

没问题啊。


根据网上教程找解决办法:

于是我先后删除node_modules文件夹,重新npm install,再次运行npm run server

没有效果

后来我又仔细比对目录,确定是在项目目录下run的,依旧是错误

重新npm vue-cli-service serve

    和npm vue-cli-service build

压根就没法执行。。。

我开始怀疑是不是我没有全局安装vue脚手架的问题,于是我继续 npm install -g @vue/cli,

再次重新安装脚手架和运行,依旧不行。


解决问题:

经过网上好多办法后,我依旧没有解决我的问题。

仔细回味。

我在创建脚手架的时候,是没有报错的,最后也是success的。所以创建应该是没问题的

影响运行的只有配置文件:package.json

并且涉及到运行的只有

可是我前面npm run server不行,npm run dev也不行。

于是。。。。。。

对!我把server改成了dev!

于是!!!!!

完美解决。


总结:

因为项目使用的是vue2。而,vue2的运行本是dev,但是听说后来都改成了server , 应该是给vue3环境用的,但是搭建脚手架的过程中,不知道是不是哪里会用到vue3的配置,所以配置被改,只能手动将server改成dev既可解决。

### 解决 `vue-cli-service` 不是内部或外部命令的问题 当遇到 `'vue-cli-service' 不是内部或外部命令,也不是可运行的程序或批处理文件` 的错误时,通常是因为 Vue CLI 工具未正确安装或环境变量配置不正确。 #### 1. 安装 Node.jsnpm 确保已经安装了最新版本的 Node.js 及其包管理工具 npm。可以从官方网站下载并按照说明完成安装[^1]。 #### 2. 验证 Node.jsnpm 是否成功安装 打开命令提示符窗口,输入以下命令来验证是否正确安装: ```bash node -v npm -v ``` 这两个命令应该返回相应的版本号。如果没有,则重新检查安装过程中的设置选项,特别是关于路径的选择部分。 #### 3. 全局安装 @vue/cli 通过 npm 来全局安装 Vue CLI: ```bash npm install -g @vue/cli ``` 这一步骤会将 `vue` 命令添加到系统的 PATH 中,使得可以在任何地方调用它。 #### 4. 添加环境变量 (仅限 Windows 用户) 对于某些情况,在安装完成后可能仍无法识别 `vue-cli-service` 命令。此时需要手动编辑系统环境变量: - 找到 node_modules\.bin 文件夹的位置; - 将该目录加入到系统的 Path 环境变量里; - 关闭当前所有的命令行终端实例,并重启一个新的实例再试一次。 #### 5. 局部安装依赖项 进入项目根目录下执行如下指令以确保所有必要的本地模块都被正确加载: ```bash cd your-project-directory npm install ``` 此操作将会读取 package.json 文件内的 dependencies 字段,并自动下载缺少的相关库至 ./node_modules/ 下面去[^3]。 经过上述调整之后再次尝试启动开发服务器: ```bash npm run dev ``` 如果一切正常的话,现在不应该再看到之前的那个报错了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值