说到用npm调试vue，我以为是新建命令后，再npm run dev或serve就可以，却发现不可以

最新推荐文章于 2024-04-01 08:04:41 发布

hamimelon2020

最新推荐文章于 2024-04-01 08:04:41 发布

阅读量304

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_40945354/article/details/115373086

版权

在尝试使用npm调试Vue项目时，作者发现新建的qq.html无法正常运行。通过深入研究，了解到需要使用Vite配置来完成调试，从而解决了问题。

摘要由CSDN通过智能技术生成

新建了一个qq.html代码，发现不行

<!DOCTYPLE html>
<html>
    <head>
        <title>
            222222
        </title>
    </head>
   
    <body>
      
        <div id ="counter">

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hamimelon2020

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

前端开发：执行npm run serve命令报错npm ERR! XXX@0.1.0 serve: `vue-cli-service serve`

软贱开发攻城狮

08-21

4万+

在前端开发过程中，npm的使用是少不了的，所以需要知道基本的操作使用，并且了解常见的异常情况处理。那么本篇博文就来分享一个常见的npm错误提示，在执行npm run serve命令的时候提示报错npm ERR! XXX@0.1.0 serve: `vue-cli-service serve`的提示问题。记得之前该实例项目没有问题，只是过了一段时间没有操作，然后接着又继续开发的时候突然就报了该错误，具体错误提示如下所示： CheZhng$ npm run serve > XXX-es6@0.

npm run serve 运行过程

liubangbo的专栏

05-30

3369

之前文章分析过vue-cli创建工程项目过程Vue-cli(3.0 + ) 源码分析(一)_夜跑者的博客-CSDN博客_vue-cli源码这篇文章看看我们经常运行的命令 npm run serve执行过程。 1. 脚本从哪里来 package.json中scripts字段定义脚本命令。scripts字段是一个对象，它的每一个属性，对应一段脚本。如下所示： "scripts": { "serve": "vue-cli-service serve ", "build": "vue

参与评论您还未登录，请先登录后发表或查看评论

npm调试

keny-大成的博客

10-22

737

1.npm install https://nodejs.org/en/download/ please select lastest version 2.npm update npm -v :show verson npm install npm -g : npm update npm install npm -g C:\Users\dev\AppData\Roaming\npm\npm -> C:\Users\dev\AppData\Roaming\npm\node_modules\n

【vue】npm run serve和npm run dev

michiko98的博客

06-15

4779

1 问题有些工程中，运行npm run serve可以成功运行，有些工程中，却要运行npm run dev才能成功运行。 2 原因其实 npm run dev 或者是 npm run serve 等 npm run xxx 并不是一定要这么写。npm run XXX是执行配置在 package.json 中的脚本，比如： "scripts": { 　　"serve": "vue-cli-service serve", 　　"build": "vue-cli-service build", 　　

56 如何调试 npm run build 的代码/如何在测试环境,预发布环境进行调试

最新发布

970655147的专栏

04-01

1055

从下面可以看到浏览器解析了很多个 HelloWorld.vue 着多个对应的就是之前 “npm run serve” 中生成的那一套七八个 js 文件, 一个组合文件, 三个代理文件, 三个真实的 html, js, css 文件。更新 devtool 的配置为 source-map, 然后进行编译, 编译的结果如下, 可以看到一个 js 文件对应了一个 js.map 文件, 这个文件就是 source-map 文件。以当前目录为基目录, chrome 去寻找 js, css 等等, 可以正常找到。

[Nodejs入门] 6. Debug

u014627255的博客

01-18

639

Inspect 调试法在package.json中修改scripts, 增加 --inspect，然后启动服务 1）修改scripts如下： "dev": "nodemon --inspect=9229 index.js" 2）启动服务：npm run dev 打开Chrome浏览器，访问chrome://inspect 1)点击inspect 跳转到了如下页面此时即可监听nodejs服务添加debugger 1）制造错误如下：此时运行后控制台会报错如下 2）打断点，如下

Vue启动项目使用npm run dev还是用npm run serve

weixin_45566730的博客

06-16

2228

使用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": "

运行 npm run dev 报错

01-20

刚刚创建好vue项目的时候,运行 npm run dev 会报错,如下: C:\Users\未来\Desktop\新建文件夹 (2)>npm run dev npm ERR! path C:\Users\未来\Desktop\新建文件夹 (2)\package.json npm ERR! code ENOENT npm ERR! ...

package.json ----npm run serve 和 npm run dev的区别

diaolove的博客

11-30

1583

今天我发现我用两条命令运行有一个命令会发生错误用npm run server 又不报错，同样是运行命令解决方案：打开项目配置文件找到 scripts：执行 npm 脚本命令简写，在命令行中通过执行npm run+变量来执行这段脚本把“server”修改成“dev” ,你用npm run dev 就不会报错了反过来你想用npm run server 就改成“server” 扩展：package.json 文件配置说明 name：项目/模块名称，长度必须小于等于2...

关于Vue项目npm操作中npm run serve或npm run dev报错以及二者区别

黛琳ghz的博客，期待你的关注。

10-21

6347

我们在启动vue项目的时候，需要用到npm操作，比如使用npm run serve或npm run dev。比如说我们下载其他人的开源vue项目时，我们想在本地运行时，我们用的到npm run serve或npm run dev有时候会出现报错，无论是serve还是dev都有出现报错的情况。

解决了老版本WebStorm调试vue项目的问题之一一

IamChen的专栏

06-21

2963

解决chrome升级带来的webstorm下的vue调试问题

vue执行配置选项npm run serve的本质

pulledup的博客

09-14

1万+

npm run serve、npm run build等“调试运行脚本”：仅仅是Vue默认在内部做了1个“命令行”封装而已！以包配置文件（package.json）的形式与用户交互。打开“工程”下的node包依赖路径下的“可执行脚本”目录：node_modules\bin。

安装nodejs调试工具node-dev npm install -g node-dev

前端技术教程

08-19

6155

一.为什么要安装node-dev呢？ 1.因为我们在编码的时候难免会出错误，或者由于粗心少打一个逗号啥的。亦或者其他意外错误。 2.node-dev封装的很好。里面有很多很好的。错误提示，错误提示非常精确。二.怎么安装node-dev呢？

每天一个npm包之 debug

huangyangquan3的博客

07-23

1078

每天一个npm包之 debug 每天一个npm包之 debug 介绍：毫秒之差通配符* 环境变量格式化自定义格式对浏览器的支持对debug进行扩展动态设置检查调试目标是否已启用兴趣源码阅读如何判断是浏览器环境还是nodeJs环境呢？浏览器环境 / nodeJs环境底层的打印是使用什么实现的呢？每一条打印出来的log, 后边都会随着一个时间，这个时间是怎么计算出来的呢？格式化是怎么现实的呢？格式化的扩展是怎么实现的呢？参考：社交信息 / Social

VS Code配置F5一键运行Vue应用（npm run serve）

大道至简

01-10

9734

VsCode能否一键运行程序？比如按下F5，直接运行npm run serve；答案是可以！！！请往下看。

npm 端口设置成80_13 个 NPM 快速开发技巧

weixin_42174176的博客

01-23

1362

摘要：玩转npm。作者：前端小智原文：13 个 npm 快速开发技巧Fundebug经授权转载，版权归原作者所有。为了保证的可读性，本文采用意译而非直译。每天，数以百万计的开发人员使用 npm 或 yarn 来构建项目。运行npm init或npx create- response -app等命令几乎构建JS项目的首选方式，无论是为客户端或服务器端，还是桌面应用程序。但是npm不仅仅是初始化项目...

npm 安装React Devtools调试工具

jocchoc的博客

01-09

2万+

前言这里主要写给和我一样摸索的新手，之前相信大家也看到了网上的一些安装方法，有的给你个git上的下载链接，然后就没有然后了(好像官方也没给个具体操作)；有的让你去google商店下载一个.crx，前提你的网能翻墙。这里主要讲一下如何通过git上的react-devtools文件下载后打包一份扩展程序，来对chrome浏览器进行插件安装。去git上下载react-devtools文件到本地

vue 项目 npm run serve 或 npm run dev 时自动打开浏览器