踩坑记录:vue-cli脚手架升到5.0.0版本后运行项目自动打开会报0.0.0.0:8080无法访问

最新推荐文章于 2023-05-31 10:46:45 发布
最新推荐文章于 2023-05-31 10:46:45 发布
阅读量2.5k 收藏 4
点赞数 2
分类专栏： vue cli 文章标签： vue webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47988564/article/details/124222957
版权
vue 同时被 2 个专栏收录
29 篇文章 1 订阅
订阅专栏
cli
1 篇文章 0 订阅
订阅专栏

踩坑记录:vue-cli脚手架升到5.0.0版本后运行项目自动打开会报0.0.0.0:8080无法访问

vue-cli脚手架5.0版本及其以上设置运行项目后自动在浏览器中打开会出现在这里插入图片描述
解决办法：
1.第一种解决办法
回退vue脚手架版本，我直接回退到了4.5.0版本，再重新创建项目，就ok了

 npm uninstall vue-cli -g  // 卸载全局脚手架

 npm install -g @vue/cli@4.5.0  // 安装指定版本
  1. 第二种方式
    在vscode终搜索0.0.0.0,然后修改他即可，我没试过这种方式（应该是修改（node_modules/@vue/cli-service/service.js））
Liang_Cheng_Jiu
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
vuecli4升级到5遇到的问题总结
Cipher_Y的博客
08-08 1955
我们之前在项目写了一个webpack自定义插件，然后升级了vue-cli5后，打包报错了。js复制代码 // vue.config.js// 自定义插件},js复制代码// custom plugin.js查看了webpack5的文档，才发现入口的写法更丰富了。原来entry可以是字符串，或者是字符串对象，数组。js复制代码entry: './app.js'// orentry: {现在的webpack5在这个基础上，还支持import，dependOn等字段。
最新【vue】使用vue-cli5.0快速搭建一个项目
专注于Java领域开发 关注我 带你玩转Java
02-24 1万+
快速搭建vue/cli脚手架教程
【Vue3】vue-cli从2.9.6 升级到 5.0.1
Owen的博客
02-20 1955
第一步、查看 vue-cli 版本 vue -V 第二步、卸载原有版本 vue-cli npm uninstall vue-cli -g 第三步、安装 npm install @vue/cli -g 注意：vue3 的项目启动命令 npm run serve
vue-cli如何升级到最新版本
热门推荐
飞猪
02-25 1万+
vue-cli如何升级到最新版本 想用vue-cli脚手架创建vue3.0项目学学，要求vue cli 版本在 4.5.0 以上， vue --version查看了下vue-cli版本 @vue/cli 4.1.1发现版本低了，于是就想着升级一下，官网上看了下说： npm update -g @vue/cli运行了下，结果报错了， 运行vue --version 显示 ‘vue’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。 运行卸载 vue-cli 的命令： npm uninstal
vue-cli4升级到vue-cli5过程记录
鹏多多的博客
08-25 4058
本文主要分享vue-cli从4.x升级到5.x的过程，以及更新后的变化。
vue-cli详细说明
hlonelier的博客
05-31 319
单页面应用程序（Single Page Application）一个web网站只有唯一一个HTMl页面，所有功能&交互都在唯一一个页面完成。
vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
05-11
Vue CLI插件可将vue-i18n添加到您的Vue项目 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的支持。 如果您想成为赞助商，请考虑： ...
vue-cli3-template：基于Vue-cli3建造的脚手架项目模板
01-31
项目介绍基于Vue-cli3建造的前端开发脚手架项目模板，主要包括以下内容：Webpack4.x性能调优配置，Vue.js全家桶，移动端vw适应，单元测试等功能，可以参考，欢迎大家围观指教！项目特点特征 巴别塔 VueRouter 威克斯...
xw-vue-cli-2.0:xw-vue-cli-2.0 脚手架2.0版本
04-22
xw-vue-cli-2.0正是这样一个针对Vue.js的脚手架，专为v2.0版本设计，旨在简化项目初始化和配置过程，让开发者能更快地投入到功能实现中。 Vue CLI（命令行接口）是Vue.js官方提供的一个强大的命令行工具，用于快速...
vue-cli4-config：vue-cli4配置vue.config.js持续更新
02-06
vue-cli4全面配置（持续更新）细致全面的vue-cli4配置信息。涵盖了使用vue-cli开发过程中大部分配置需求。不建议直接拉取此项目作为模板，希望能按照此教程按需配置，或者复制vue.config.js增删配置，并自行安装所需...
详解vue-cli 脚手架项目-package.json
12-08
使用vue-cli脚手架新建的项目中，含有package.json。 package.json是npm的配置文件，里面设定了脚本以及项目依赖的库。 npm run dev 这样的命令就写在package.json里。 { "name": "vue-manage", // 项目名称 ...
报错：npm install --loglevel error
john987321456的博客
01-04 1876
vue创建项目报错：npm install --loglevel error 1、在C盘/用户/下找到文件 .vuerc .npmrc 2、然后删除这些文件 3、错误就搞定了
Vue CLI 搭建Vue3项目升级webpack5（一）
GEYANG2010的专栏
02-27 3013
升级webpack5主要是想用模块联邦实现微前端，随着单体项目会越来越大，打包效率及开发效率都受影响，所以可以像服务端那样拆出微服务，方便独立开发，独立打包部署。因为微前端涉及多个子项目，所以可以用monorepo来管理项目集，monorepo是把多个项目放到同一个代码仓库管理（包括vue3、babel、react在内的众多国内外著名的项目都采用了这种方式），我采用了lerna多包管理工具来构建项目仓库，本文先介绍初始化项目仓库以及用vuecli脚手架搭建vue3项目。
Vue环境的搭建——新建项目——更新Vue版本
Ashes
03-16 1万+
更新Vue版本：npm install npm@latest -g（可以更新npm至最新版本）对于npm工具,在国内网络会很慢，建议使用npm淘宝镜像 使用我们定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm: 执行完之后输入：cnpm -v 此时，vue被提示不是一个命令，输入一下命令执行：# (1)全局安装 vue-cli   然后你就会发现vue已经变成了命令 使用流程...
vue cli快速创建vue项目详细过程
前端小白的博客
09-12 944
一、vue cli的介绍和安装 Vue cli 是一个基于 Vue.js 进行快速开发的完整系统。 有三个组件： CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令） CLI 服务：@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之上（提供 如：serve、build 和 inspect 命令） CLI 插件：给Vue 项目提供可选功能的
配置了环境变量打包后去掉console.log
古月水告的博客
03-22 531
里配置的无效，如果需要判断打包使用不同环境的配置，可以使用。.env.development文件。.env.production 文件。vue.config.js 中配置。package.json文件。编译打包test的时候执行。.env.test 文件。注意：编译的时候一定要是。创建新的变量用来判断。创建config.js。
Vue3 PC端页面开发规范
chenhaiy的博客
04-07 2597
Vue3 PC端页面开发规范 1.开发环境 Vue开发环境： 软件 版本 node.js v16.14.0 vue @vue/cli 5.0.1 UI 框架： UI框架 版本 Element Plus ^2.0.5 PrimeVue ^3.12.1 其他组件： 其他组件 版本 axios ^0.26.1 moment ^2.29.1 sweetalert ^2.1.2 以上列出的是开发所需要的重要部
项目运行报'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件“
Gblfy_Blog
10-16 3971
解决方案： npm install
Elementui select 设置点击事件，在Change事件前触发
凉城玖的博客
03-18 1万+
想要在changge事件触发前，来触发一个事件，可以直接在 Select 选择器上面添加点击事件，但是这样点击事件是不会生效的，需要在点击事件后面加上native <el-select v-model="list.userJumpId" clearable placeholder="请选择二跳页名称/ID" style="width: 250px" :disabled="use
vue-cli-webpack:vue-cli 2.9.6版本初始化webpack工程
最新发布
09-07
vue-cli是一个构建Vue.js工程的脚手架工具，帮助开发者快速搭建和管理Vue.js项目。而vue-cli 2.9.6版本是其一个较早的版本，可以使用它来初始化一个基于webpack的Vue.js工程。 使用vue-cli 2.9.6版本初始化webpack...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值