vuejs npm dev server不显示更新的输出
问题描述：vuejs npm dev server不显示更新的输出
解答： vuejs是一个流行的前端开发框架，npm是Node.js的包管理器，dev server是vue-cli提供的开发服务器。当我们在开发中使用vuejs时，有时会遇到npm dev server不显示更新的输出的问题。
这个问题的原因可能有多种，下面列举几种可能的原因和解决方法：
- 检查代码更新：首先要确保代码有更新，可以通过查看代码文件的修改时间来确认。如果代码没有更新，则dev server不会显示更新的输出。在确保代码有更新后，重新运行npm dev server即可。
- 缓存问题：npm dev server在运行过程中会对文件进行缓存，如果缓存没有被正确更新，就会导致dev server不显示更新的输出。解决方法是删除缓存文件，然后重新运行npm dev server。可以使用以下命令删除缓存：
- 缓存问题：npm dev server在运行过程中会对文件进行缓存，如果缓存没有被正确更新，就会导致dev server不显示更新的输出。解决方法是删除缓存文件，然后重新运行npm dev server。可以使用以下命令删除缓存：
- 端口被占用：dev server默认会使用8080端口进行监听，如果该端口被其他程序占用，就会导致dev server无法正常工作。可以尝试更换端口，修改vue.config.js文件中的devServer配置，将端口改为其他未被占用的端口，然后重新运行npm dev server。
- 端口被占用：dev server默认会使用8080端口进行监听，如果该端口被其他程序占用，就会导致dev server无法正常工作。可以尝试更换端口，修改vue.config.js文件中的devServer配置，将端口改为其他未被占用的端口，然后重新运行npm dev server。
- 插件或配置问题：有时候某些插件或配置可能会导致dev server不显示更新的输出。可以尝试将插件或配置进行调整或移除，然后重新运行npm dev server。
总结： 当vuejs的npm dev server不显示更新的输出时，我们可以先检查代码是否有更新，然后删除缓存文件，尝试更换端口，调整或移除插件或配置来解决问题。希望以上解答能对你有所帮助。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 腾讯云容器镜像服务（TCR）：https://cloud.tencent.com/product/tcr
- 腾讯云 CDN 加速（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（TBC）：https://cloud.tencent.com/product/tbc
- 腾讯云智能视频（AI Video）：https://cloud.tencent.com/product/ai-video
- 腾讯云物联网开发套件（IoT Explorer）：https://cloud.tencent.com/product/ioe
- 腾讯云移动直播 SDK（MLVB）：https://cloud.tencent.com/product/mlvb
相关·内容
1回答
我正在使用vuejs的wordpress主题，一切都是正确的设置和工作。 npm run build可以完美地创建dist，wordpress可以从中提取所有内容。 那是什么问题呢？npm run dev也可以在控制台中运行，但当我对vue模板进行任何更改时，它会编译，但不会显示更新后的输出。 请指导和帮助。webpack.config.dev.js const path = require
浏览 25提问于2019-03-20得票数 2
这就是我所犯的错误
> client@1.0.0 dev D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker<anonymous> (D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\node_modules\webpack-dev-server\bin\
浏览 9提问于2020-05-21得票数 66
3回答
enoentnpm ERR! Windows_NT 10.0.15063npm ERR!vue-admin-paper-dashboard@1.0.0 dev: `cross-env ENABLE_ESLINT=true node build/dev-server</
浏览 2提问于2017-09-18得票数 0
回答已采纳
它将在更新到版本3.2.1时抛出错误。2.9.7之前的版本没有这个错误。true
8 verbose lifecycle mcute@1.0.0~dev: PATH: /usr/local/lib/node_modules/npm/node_modules/npm-lifecyclesilly lifecycle 'webpack-dev-server --inline --progre
浏览 25提问于2019-03-05得票数 1
回答已采纳
2回答
我安装了一个新的laravel，一切都编译得很好，但是当我通过npm安装vuex或vue路由器时，编译不再工作了，我得到了以下错误：
错误:必须将vue-加载程序vue-模板编译器安装为对等依赖项，或者必须通过选项传递兼容的编译器实现
浏览 1提问于2018-12-12得票数 15
我是vuejs中的新手，我在laravel中使用vuejs，这是工作和显示组件，但是在刷新页面之后，我能做些什么来看到更新页面的变化呢？这就是我对Webpack所做的：
<script src="/jsmanifest.js&quo
浏览 0提问于2018-09-12得票数 1
我在VueJS v2.x中使用的是webpack-simple模板。首先，运行"npm run build“失败。运行"npm run dev“就可以了。如果在运行"npm run dev“之前我的源代码中有错误，该命令将失败。我很抱歉没有显示任何代码，但我不需要帮助来修复我的代码。我想知道这是不是webpack的工作方式。gg@ dev: `cros
浏览 2提问于2016-12-01得票数 0
1回答
我开始大量使用vue，并开始在我工作的公司的所有项目中使用它。在此之后，我创建了一些components，一般autocomplete，我知道有很多，我已经使用了一些，但是没有一个提供了我所有的需求。但是，每当我在一个新项目上工作并使用相同的组件时，我要么重新创建它，要么复制并粘贴它。因此，我开始怀疑如何创建我的组件，上传到npmjs，以便每当我使用它时，只提供一个npm install -save ...，并且能够在社区中做出一点贡献。
浏览 3提问于2017-12-11得票数 10
回答已采纳
正如在问题中所提出的，我知道有可能使用npm运行-s脚本，但是我想知道是否有一种方法可以让它默认存在，有什么想法吗？{ "main": "server.js", "start": "nodeserver.js",
"somes
浏览 0提问于2018-10-17得票数 6
回答已采纳
我有一个laravel/vuejs应用程序，在本地主机上运行得很好。在部署到heroku之后，我意识到添加到app.scss中的样式不会编译到公共/css文件中，因此没有任何效果。另外，对vuejs组件的修改不会在我按到heroku之后更新应用程序；"scripts": {
"dev&qu
浏览 3提问于2019-11-27得票数 0
回答已采纳
1回答
问题：(编辑:解决方案在本文末尾添加)CMD ["npm", "run", "dev"]
但：最后，在浏览器窗口中
如果我运行命令docker im
浏览 0提问于2018-10-02得票数 1
回答已采纳
我需要定制webpack包建设在一个角的cli项目。为了配置，我弹出webpack配置文件。一旦我这样做，我就不能再运行webpack构建和服务命令，因为我得到了以下错误。An ejected project cannot use the build command anymore
如果弹出后不能使用构建命令，那么弹出后使用webpack的最佳方法是什么？
浏览 5提问于2017-07-01得票数 2
1回答
我对vuejs很陌生，并且找到了一个可以开始工作的，但是我无法正常工作。我正在尝试将引导-vue包含到主题中，但是在运行'npm、运行dev或构建或监视‘时，我收到了以下错误> - Create server on Digital Ocean using wordpress marketplacerun - npm run watch o
浏览 0提问于2019-10-21得票数 1
回答已采纳
1回答
我只是尝试将webpack-dev-server从3.11.2版本更新为最新版本，这是基于npm outdated命令的4.7.3：root@fdaf6460fe1a:/home/ubuntu/myapp# npm</e
浏览 3提问于2022-01-27得票数 0
我正在Ubuntuv18.04中运行一个VueJS项目。在“我的本地：.also :使用网络访问它：”中，访问它。in multi (webpack)-dev-server/client?http://192.168.53.75:8080/sockjs-node
(webpack)/hot/dev-server.js ./
浏览 2提问于2019-09-24得票数 2
我试图运行，但在npm run dev之后得到了这个错误
启动开发服务器..。(节点:1024)不推荐DeprecationWarning: Tapable.plugin。在.hooks上使用新的API代替(节点:1024) DeprecationWarning: Tapable.apply是不推荐的。直接调用插件
怎么修呢？我已经更新了所有的NPM软件包，没有帮
浏览 1提问于2018-04-20得票数 26
回答已采纳
在创建了一个新的VueJS项目(使用TypeScript，类)之后，我在使用npm启动它时会出错。\bin\webpack-dev-server.js:54:1)下面是我的package.json的一部分： "dev": "webpack-dev-server --
浏览 0提问于2018-07-12得票数 0
回答已采纳
我在试着测试我找到的这个样本。这是一个后端使用.netcore，前端使用Vuejs的解决方案。我想启动Vuejs应用程序，只需运行npm run serve就会得到这个错误：npm ERR! code ERESOLVE
npm
浏览 22提问于2021-11-30得票数 0
package.json的脚本部分如下所示 "scripts": { "dev:server": "nodemon -L --watch build --e
浏览 83提问于2021-11-02得票数 0
我正在用Vuejs + Node构建一个小型应用程序，但目前必须在dev中运行2台服务器：
app.us
浏览 1提问于2018-02-14得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
