如何运行Vue项目（从GitHub上下载的开源项目）【npm ERR! missing script: dev】

最新推荐文章于 2024-05-18 15:17:42 发布
最新推荐文章于 2024-05-18 15:17:42 发布
阅读量441 收藏 1
点赞数
分类专栏： 其他 文章标签： vue GitHub github
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/A_Ainley/article/details/110481671
版权

刚开始学Vue，学完了上仓库找项目，发现不知道怎么运行，就搜啊，知道怎么运行了，就敲命令呀，就敲啊，敲到最后一步他就，就，就 npm ERR! missing script: dev：
error
于是我就上网找解决方案，在简书上找到了一个解决方案，亲试有效，特贴上链接：这篇文章的备注里面提到了解决方案

npm安装 出现 npm ERR! code ETIMEDOUT npm ERR! syscall connect npm ERR! errno ETIMEDOUT npm ERR! 解决方法
码农研究僧的博客
12-12 1万+
`.npmrc`，可以理解成npm running cnfiguration，运行时配置文件，帮助开发者安装需要的依赖包
vue安装过程中遇到错误提示“npm ERR!”该如何解决？
祈澈菇凉
02-09 957
遇到npm ERR!错误时，可以按照上述步骤逐一排查和解决。通常，清理缓存、更新版本和检查权限问题是解决大多数安装错误的有效方式。
关于vue的npm run dev和npm run build
weixin_30852367的博客
06-30 2769
├─build │ ├─build.js │ ├─check-versions.js │ ├─dev-client.js │ ├─dev-server.js │ ├─utils.js │ ├─vue-loader.conf.js │ ├─webpack.base.conf.js │ ├─webpack.dev.conf.js │ ├─webpa...
用Vue运行github上的开源项目，npm ERR! missing script: dev
new_Petrichor的博客
05-12 282
错误信息： 很可能是由于执行命令不同！！！ 先确保已经安装了node和npm 检查项目中package.json文件，是否存在两个package.json文件 1.是：可能你执行了vue init webpack语句，导致加上从github上下载的项目，会出现两个package.json。 只需确保项目本身scripts中有dev（就是把dev后面的内容copy过去），就可以执行npm run dev命令运行项目了 2.否：检查scripts中是否有dev，start，或者serve属性。这三个就
vue-cli webpack项目npm run dev启动过程
weixin_30703911的博客
07-27 877
前言 通过vue init webpack和npm install命令初始化项目后，执行npm run dev就打开了网站http://localhost:8080。初学者不知道index.html、App.vue、main.js是如何粘在一起的，这里简单说明一下。 启动过程 1.npm run dev npm run XXX是执行配置在package.json中的脚本，比如： ...
npm run dev
my_web_advanced的博客
07-28 294
npm install 安装 框架 package.json中所需要的依赖 npm run 是执行package.json中的script脚本，npm run dev就是执行node build/dev-server.js
解读 vue-cli 脚手架（一）：npm run dev的背后
以爱护甲,爱满枫林。
10-20 445
揭秘 vue-cli 脚手架 前言：记得自己大二（2016年）的时候，经过同学的介绍，偶然间接触到了 vue 的项目。那时候的自己对于这一项新兴的技术掌握程度并不好，一来二去折腾了一个星期，也没有弄明白里面的原理（因为当时从来没有接触过这种脚手架，通过webpack，nodejs打包的项目，思维依旧停留在Bootstrap，JQuery等，传统开发的时代，怎么也转不过来），当时就暗暗发誓，将来一定要把 vue 的脚手架弄的明明白白！ 现在自己工作了，在工作中自己不断专研，自我感觉良好，就开始试试再次解读一
在git上下载项目报错个人解决办法npm ERR! code 128 npm ERR! Command failed: git clone --mirror -q git://github.com
热门推荐
weixin_46716934的博客
06-10 2万+
个人项目报错已解决 git上下载项目报错 npm ERR! code 128 npm ERR! Command failed: git clone --mirror -q git://github.com/adobe-webplatform/eve.git C:\Users \Administrator\AppData\Roaming\npm-cache\_cacache\tmp \git-clone-1bbb02a0\.git --config core.longpaths=true npm ER
解决npm install 报错 npm ERR! code 128 npm ERR! command failed npm ERR! command git ls-remote ssh://g
weixin_43185419的博客
10-20 1万+
想git clone 一下vue-element-admin集成方案下来学习一下，但是在安装依赖npm install这一步总是报错，无法进行下一步，卡了很久： npm ERR! code 128 npm ERR! command failed npm ERR! command git ls-remote ssh://git@github.com/nhn/raphael.git npm ERR! git@github.com: Permission denied (publickey). npm ERR!
win7升级到win10系统后，node13升级为node16，node版本node-sass版本与不匹配，导致出现npm ERR! ERESOLVE could not resolve
weixin_43211696的博客
10-18 1904
win7升级到win10系统后，node13升级为node16，node版本node-sass版本与不匹配，导致出现npm ERR! ERESOLVE could not resolve
npm run dev 报错：missing script:dev
喜欢前端的后端 MelodyJerry
11-15 524
学习Vue-CLI时，使用命令npm run dev报错： 解决 查看了vue项目中的package.json文件，我的scrip参数信息： 在script里，并没有dev，而是serve，应该用npm run serve命令运行vue项目即可。
使用npm run dev运行vue.js项目
笑到世界都狼狈的博客
07-18 5272
我们上一篇文章刚刚讲述了vue.js项目的创建，有兴趣的小伙伴可以去看看：https://blog.youkuaiyun.com/qq_36509946/article/details/118862929 接下来这篇文章，来讲述一下vue.js的运行： 使用vsCode或者webStrom运行，其实，很简单，只要输入命令：npm run dev即可； 当然，你要确保你当前操作是在你项目文件的目录下，否则需要输入命令：cd my-project来找打当前目录文件，其中my-projec...
从零开始搭建vue项目 （晋级篇） npm run dev npm run build
似水流年，举重若轻
11-24 1万+
目标：用上之前开发过的所有vue项目中精华的部分。 分几大块搭建。
vue-cli3运行npm run serve修改为npm run dev
weixin_43923808的博客
06-13 888
可以直接在package.json文件里面把serve修改dev即可。vue-cli3运行项目的命令应该是npm run serve。
深入解析 Vue.js 项目的启动奥秘：npm run dev 与 npm run serve
qq_44103359的博客
05-18 6453
在 Vue.js 项目开发中，和是两个常见的命令，用于启动开发服务器。这两个命令虽然都服务于同一个目的——启动开发环境，但它们在实现细节和用途上有所不同。本文将深入探讨这两个命令的启动过程，并揭示它们之间的区别。
做vue项目时npm run dev 和npm run serve区别
weixin_55705383的博客
01-26 1071
在Vue项目中，可以使用npm run dev和npm run serve命令来启动开发服务器，但它们在不同的情况下使用。功能的开发服务器，以便在开发过程中实时预览和调试你的代码。这个命令通常在你需要进行。它会构建项目并启动一个服务器，用于提供已构建的静态文件。这个命令通常在你需要。功能，而npm run serve用于。npm run serve命令用于在。总结起来，npm run dev用于。npm run dev命令用于在。
关于Vue项目npm操作中npm run serve或npm run dev报错以及二者区别
黛琳ghz的博客，期待你的关注。
10-21 7189
我们在启动vue项目的时候，需要用到npm操作，比如使用npm run serve或npm run dev。 比如说我们下载其他人的开源vue项目时，我们想在本地运行时，我们用的到npm run serve或npm run dev有时候会出现报错，无论是serve还是dev都有出现报错的情况。
vue项目 ‘npm run dev‘ 报错 npm ERR! errno 134
jieyucx的博客
06-27 5051
这时需要我们分配更多的内存给。
npm run dev 和 npm run serve
qq_44075328的博客
06-01 7267
当你在开发模式下运行应用程序时，这个命令会编译和打包应用程序的代码，并启动一个本地开发服务器，以便你可以在浏览器中预览应用程序并进行调试。当你在开发模式下运行应用程序时，这个命令会编译和打包应用程序的代码，并启动一个本地开发服务器，以便你可以在浏览器中预览应用程序并进行调试。在这个配置中，"serve" 命令会运行 "react-scripts start" 或 "ng serve" 命令，该命令会启动本地开发服务器。在这个配置中，"dev" 命令会运行 "nuxt" 命令，该命令会启动本地开发服务器。
npm ERR! Windows_NT 10.0.26100 npm ERR! argv "D:\\Nodejs\\node.exe" "D:\\Nodejs\\node_global\\node_modules\\npm\\bin\\npm-cli.js" "install" "less" "less-loader@5.0.0" "--save-dev" npm ERR! node v18.19.0 npm ERR! npm v3.8.6 npm ERR! Unsupported URL Type: npm:vue-loader@^15.9.7 npm ERR! npm ERR! If you need help, you may report this error at: npm ERR! <https://github.com/npm/npm/issues> npm ERR! Please include the following file with any support request: npm ERR! D:\VscodeProject\Vue学习\vue-de1\npm-debug.log
最新发布
04-02
### 可能的原因分析 `npm Unsupported URL Type 错误`通常发生在 Node.js 和 npm 的版本不匹配或者依赖项配置文件中的路径格式不符合当前工具链的要求时。根据描述，使用的环境为 `Node.js v18.19.0` 和 `npm v3.8.6`，这是一个非常低版本的 npm 配合较新的 Node.js 版本[^1]。 #### 问题根源 1. **npm 版本过旧**：`npm v3.8.6` 是一个极其老旧的版本，在解析现代包管理器支持的 URL 类型（如 Git URLs 或其他协议）时可能存在兼容性问题。 2. **Vue CLI 和 Loader 的版本冲突**：如果 Vue CLI 使用的是较新版本而其内部依赖了某些特定的 loader，则可能因为 Node.js 或 npm 不适配而导致错误。 3. **Windows 系统特殊性**：在 Windows 上运行某些命令可能会因路径分隔符或其他系统特性引发额外问题。 --- ### 解决方案 以下是针对该问题的具体解决方法： #### 方法一：升级 npm 到最新版本 由于目前使用的 npm (`v3.8.6`) 过于陈旧，建议通过以下方式更新到更高版本： ```bash npm install -g npm@latest ``` 此操作会将全局范围内的 npm 更新至最新的稳定版。完成后可以验证版本号是否已更改： ```bash npm -v ``` #### 方法二：调整 Node.js 和 NPM 的组合 考虑到现有环境中存在潜在的版本不适配情况，推荐卸载现有的高版本 Node.js 并切换回更稳定的 LTS (Long Term Support) 版本。具体步骤如下： 1. 卸载当前节点版本： ```bash nvm uninstall 18.19.0 ``` 2. 安装适合开发需求的一个长期支持版本，比如 `v16.x.x` 或者 `v14.x.x`： ```bash nvm install 16 --reinstall-packages-from=18.19.0 ``` #### 方法三：修改 package.json 中的相关字段 有时项目的 `package.json` 文件里定义了一些特殊的依赖关系，这些依赖可能是造成报错的根本原因。尝试编辑该项目下的 `package.json` 文件，确保所有的依赖都指定了清晰且可被识别的形式而非相对复杂或自定义形式的链接地址。 另外也可以考虑锁定所有子模块及其间接依赖到确切版本来规避未知风险： ```json { "resolutions": { "**/vue-loader": "^15.9.0" } } ``` 之后执行清理缓存并重置安装流程的操作： ```bash rm -rf node_modules/ npx yarn cache clean || npm cache verify yarn install || npm ci ``` #### 方法四：降级 vue-cli 工具集 假如上述措施均未能奏效，那么最后的办法就是退回到与当前技术栈完全契合的老版本构建体系上去了。例如指定使用某个历史发行版作为默认初始化模板依据： ```bash npm install @vue/cli-init@3.12.1 -g ``` --- ### 总结说明 综上所述，最优先应该做的是把 npm 提升到合理水平以便更好地处理现代化软件生态系统的各种场景；其次再视具体情况决定要不要更换基础运行平台或是精调源码仓库里的元数据声明部分。以上每一步骤都需要仔细确认反馈效果直至彻底消除异常现象为止。 ```python print("完成修复后，请再次测试您的项目能否正常启动") ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值