vue项目npm run dev启动时npm install相关问题

已于 2023-08-14 10:01:33 修改
阅读量681 收藏 1
点赞数 1
文章标签： vue.js npm rust
于 2023-08-11 17:46:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42199938/article/details/132237235
版权

第一次运行某个vue项目时，都需要先进行npm install，在资源管理器中出现node_modules文件夹和package-lock.json才能用命令npm run dev启动项目。

  1. 在运行npm install时出现各种问题。
    首先，为了避免因为网速出现问题，可以先设置一下npm的镜像源：
    npm config set registry https://registry.npm.taobao.org/
    然后，如果在运行过程中下载某个依赖时卡住了，那么大概率时网络问题，在不删除node_modules文件夹的情况下，多次运行npm install即可；
  2. 再运行npm run dev时，如果报错Syntax Error: Error: PostCSS received undefined instead of CSS string，那么可以npm cache verify或者npm cache clean --force先清一下缓存，再进行：
    （1）卸载node-sas和sass-loader：npm uninstall node-sass和npm uninstall sass-loader
    （2）安装node-sas和sass-loader：npm install node-sass@4.14.1和npm install sass- loader@8.0.0
BY_chamomile
关注
npm install 到npm run xxx深度解读
goodloving的博客
04-24 2229
npm install 到npm run xxx深度解读npm 实现思路npm文件package.jsonversiondependenciesdevDependenciesscriptbinnode_modules第三方依赖的package文件。**.bin**文件npm installpackage-lock.jsonpackage-lock.json 生成逻辑版本更新package-lock.json 被更改抽象的执行流程具体的执行流程npm run xxx参考文档 npm：Bring the bes
关于vue的npm run dev和npm run build
weixin_30852367的博客
06-30 2656
├─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...
使用npm run dev运行vue.js项目
笑到世界都狼狈的博客
07-18 3948
我们上一篇文章刚刚讲述了vue.js项目的创建，有兴趣的小伙伴可以去看看：https://blog.csdn.net/qq_36509946/article/details/118862929 接下来这篇文章，来讲述一下vue.js的运行： 使用vsCode或者webStrom运行，其实，很简单，只要输入命令：npm run dev即可； 当然，你要确保你当前操作是在你项目文件的目录下，否则需要输入命令：cd my-project来找打当前目录文件，其中my-projec...
npm install 、npm install --production 、npm install --save 、 npm install --save-dev
douxubao的博客
03-11 9239
首先四个都会下载js包到moudles里面，只是package.json里面不同 npm install 安装所有依赖 npm install --production 安装生产依赖 npm install xx --save 安装XX到生产环境依赖 npm install --save-dev 安装XX到开发环境依赖 ...
VUE项目本地运行调试遇到问题，npm run,install 报错
lzunique的博客
07-24 1013
最近做Springboot+Vue的项目，从网上拉下来一个项目打算先看看成品效果，后台部署好之后，前端Vue的运行成了一个问题，所以总结一下。_拿到一个vue项目怎么运行。如何将github上的Vue项目在本地运行起来？_如何启动github上的项目_Smomo^^的博客-CSDN博客。如何运行从网上拉取的Vue项目？_拿到一个vue项目怎么运行_清萧。的博客-CSDN博客。如何运行git拉下来的vue项目，以及解决对应的错误_如何启动github上的项目。
关于vue的npm run dev和npm run build的区别介绍
10-17
总结来说，`npm run dev`和`npm run build`在Vue项目中分别用于开发阶段的实时预览和生产环境的代码构建，它们利用webpack和相关中间件实现了开发效率和生产性能之间的平衡。开发者通过这两个命令，可以快速地进行...
vue 项目npm run dev 运行时崩溃（内存溢出）
Claudia_c的博客
02-28 7405
vue 项目npm run dev 运行时崩溃（内存溢出） 问题描述： 项目保存时不断出现项目npm run dev终止情况，多半是项目过大导致内存溢出 解决方案： // An highlighted block > npm install increase-memory-limit > npm install cross-env 在package.json文件中加入如下代码 // An highlighted block > "scripts": { "fix-memo
安装项目 npm install 启动项目 npm run dev 项目打包.zip
01-11
安装项目 npm install 启动项目 npm run dev 项目打包 npm run build Copyright (c)….zip 软件开发设计：应用软件开发、系统软件开发、移动应用开发、网站开发C++、Java、python、web、C#等语言的项目开发与学习...
详解Vue项目在其他电脑npm run dev运行报错的解决方法
12-11
并使用 npm run dev 或 npm run start 发生以下报错的解决方法。 报错原因 缺少 node_modules 里面的依赖。在项目目录下使用 npm install 然后再 npm run dev。 如果在这一步当中， npm install 执行的过程中，...
Vue启动项目使用npm run dev还是用npm run serve
weixin_45566730的博客
06-16 2249
使用npm run dev还是npm run serve有两点原因 1. 脚手架版本号 vue-cli2使用npm run dev vue-clie3以上版本使用npm run serve 2. 配置问题 如果安装的是vue-cli3可以将vue-cli2拉过来即在使用npm install -g @vue/cli安装完成脚手架之后输入命令npm install -g @vue/cli-init，然后再vue项目中的package.json中进行如下配置 "scripts": { "dev": "
关于vue 安装依赖npm install 问题和npm run dev问题
young63的博客
03-24 4130
问题： 使用git bash 在项目文node件下安装依赖，有报错，但是出现了node_modules,文件夹，就没解决，继续npm run dev，又报错 以下是npm install 报错 这是npm run dev 报错 ‘“node”’ ▒▒▒▒▒ڲ▒▒▒▒ⲿ▒▒▒Ҳ▒▒▒ǿ▒▒▒▒еij▒▒▒ ▒▒▒▒▒▒▒▒▒ļ▒▒▒ npm ERR! code ELIFECYCLE npm E...
82 npm install npm run配置scripts中的命令 配置环境变量 vue-cli-service命令 vue.component与use的区别 vue项目中如何使用字典
samllucky的博客
02-06 1143
npm install的过程，npm run 的过程， 配置环境变量
Nodejs 中 npm install & run 原理
xy的博客
03-11 427
如果没找到就去全局的node_modules 去找可执行命令vite，前提是已经npm i vue -g。先从当前项目的node_modules/.bin去查找可执行命令vite。如果没找到就去全局的node_modules 去找可执行命令vite。以 npm run vite 为例。锁定版本记录依赖树详细信息。
vue npm/cnpm install或者npm run dev 报错解决思路之一
热门推荐
让优秀成为一种习惯
08-18 1万+
本篇主要讲述在使用vue开发中npm/cnpm install或者npm run dev 报错解决思路之一。
深入解析npm install --save-dev：开发依赖管理的艺术
最新发布
2402_85758349的博客
06-25 996
在JavaScript项目中，依赖管理是必不可少的一部分。npm允许开发者安装和管理项目所需的各种库和模块。
npm run dev 执行过程
qq_37485170的博客
11-24 5290
所以当使用 npm run dev 执行 vue-cli-service serve 时，虽然没有安装 vue-cli-service的全局命令，但是 npm 会到 ./node_modules/.bin 中找到 vue-cli-service 文件作为 脚本来执行，则相当于执行了 ./node_modules/.bin/vue-cli-service serve。在npm run dev的时候，首先会去项目的package.json文件里找scripts 里找对应的 dev ，然后执行 dev 的命令。
linux或者windows系统离线安装nginx和jenkins实现vue前端代码自动化部署
weixin_43930865的博客
03-10 6418
1：安装docker docker安装以及使用 安装成功后docker verion检查是否安装成功 1：启动docker systemctl start docker 2：检查docker运行状态systemctl status docker 3：利用docker部署nigex 2：linux部署nigex Nginx相关地址 源码：https://trac.nginx.org/nginx/browser 官网：http://www.nginx.org/ 2.1：nginx介绍 Nginx功能丰富，可作为
vue项目 npm install 后 npm run dev报错解决方案
李二苟
04-09 665
首先哈, 确定项目跑起来过!
解决vue项目中npm install 失败，和 npm run dev失败的方案
cyuyanxmx的博客
03-25 2317
解决npm install 和 npm run dev 出现的问题
vue3 npm run dev 端口5173
05-12
如果你想在本地运行一个Vue 3项目，并且希望它在5173端口上运行，可以执行以下步骤： 1. 打开终端或命令行界面，进入你的Vue 3项目的根目录。 2. 确认你已经安装了Node.js和npm。 3. 输入以下命令：`npm install`，等待依赖包下载完成。 4. 输入以下命令：`npm run dev`，等待项目启动完成。 5. 打开你的浏览器，访问 `http://localhost:5173`，你应该能够看到你的Vue 3项目的首页。 请注意，如果5173端口已经被占用，你需要修改端口号。你可以在你的Vue 3项目的根目录下的 `package.json` 文件中找到 `scripts` 属性，修改其中的 `dev` 命令，将端口号修改为你想要的端口号。例如，如果你想将端口号修改为8080，你需要将 `dev` 命令修改为`vue-cli-service serve --port 8080`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值