vue-cli 5.0.1 出现0.0.0.0:8080 解决办法

已于 2022-02-20 09:45:35 修改
阅读量4.2k 收藏 7
点赞数 6
文章标签： vue.js javascript 前端
于 2022-02-20 09:35:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41375754/article/details/123027325
版权

前几天看见脚手架发布的新版本推送，昨天更新创建了一个vue3的项目试了一下 在改了自动打开网页以后出现了0.0.0.0:8080
在这里插入图片描述
最后试了网上的各种办法，没辙 只能把vue-cli 降级为 4.5.15 成功的又好了
降级命令:

   卸载当前脚手架
   npm uninstall -g vue-cli
   安装指定版本脚手架
   npm install -g @vue/cli@4.5.15

在这里插入图片描述

心有星辰大海
关注
  • 6
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
详解如何配置vue-cli3.0的vue.config.js
12-02
本文介绍了如何配置vue-cli3.0的vue.config.js，分享给大家，具体如下： vue-cli 3 英文文档 vue-cli 3 中文文档 webpack 4 plugins webpack-chain TLDR vue-cli 3 与 2 版本有很大区别 vue-cli 3 的 github 仓库由原有独立的 github 仓库迁移到了 vue 项目下 vue-cli 3 的项目架构完全抛弃了 vue-cli 2 的原有架构，3 的设计更加抽象和简洁（此处后续可以详细介绍） vue-cli 3 是基于 webpack 4 打造，vue-cli 2 还是 webapck
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
vue-cli-plugin-multiple-page 一个基于 vue-cli 捆绑多个页面的插件。 与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的 用法 在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个页面 watch-multi : 并行观看多个页面 你可以在你的项目中使用vue-cli-service [command] 初始化配置 如果你的项目没有对应的文件，命令会生成vue.config.js 、 Views.json文件 多建 该命令将在上面生成配置的位置构建您的条目，您可
vue-cli4-config：vue-cli4配置vue.config.js持续更新
02-06
禁止私自转载。运营公众号，社交账号，请坚持原创。勿做知识剽窃者！ vue-cli4全面配置（持续更新） 细致全面的vue-cli4配置信息。涵盖了使用vue-cli开发过程中大部分配置需求。 不建议直接拉取此项目作为模板，希望能按照此教程按需配置，或者复制vue.config.js增删配置，并自行安装所需的依赖项。 vue-cli3配置见。 其他系列 ★ ★ 目录 :check_mark_button:配置多环境变量 通过在package.json里的脚本中配置项中添加--mode xxx来选择不同的环境 仅以VUE_APP开头的变量会被webpack.DefinePlugin静态嵌入到客户端侧的包中，代码中可以通过pro
vue-cli更新至5.x初体验
weixin_43090018的博客
02-24 1万+
前序 早上刚到公司，打开浏览器准备开始学（摸）习（鱼），看到GitHub来了个通知，vue-cli已经升级至5.0.1的版本了，好奇的点进去看了下 官方文档说底层已经使用上webpack5了，看样子还不错（但我还是喜欢vite~~）；node-sass也弃用了 更多重大变更请查看官方文档的说明：vue-cli5重大变更说明 升级至最新版 这还等什么，赶快去体验一下吧 首先打开终端执行npm uninstall @vue/cli -g卸载掉4.x的版本（mac版本的需要加上sudo） 接着执行.
VUE =>插槽（vue-cli的环境下）
buhuidadaima的博客
07-05 206
1、什么是插槽 Vue 实现了一套内容分发的 API，什么是内容分发？ 看例子 =>eg: 一个父组件引用一个子组件 <!-- 父组件 --> <template> <div id="app"> <HelloWorld > </HelloWorld> </div> </templa...
@vue/cli 5.0.1脚手架报错 1:1 error Component name “XXXX“ should always be multi-word vue/multi-word-
weixin_44967580的博客
03-04 1975
报错： 1:1 error Component name “Login” should always be multi-word vue/multi-word-component-names 原因分析： 是我们组件名不规范导致的，官方建议采用驼峰式命名 解决方案1： 组件使用驼峰命名 解决方案2： 关闭这个命名校验 加上下图框中的配置即可 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfi
使用vue-cli创建项目，运行时发生浏览器无法建立0.0.0.0:8080服务器连接，解决方案
xiayngbaidu12345的博客
04-26 815
使用vue-cli创建项目，运行时发生浏览器无法建立0.0.0.0:8080服务器连接，解决方案
vue-cli5.0.x优雅降级，配置项目兼容旧版浏览器
阿牛哥的博客
11-02 1054
vue-cli5.0.x脚手架下的，如何降低项目版本以适用于底版本的浏览器。
解决vue-cli自动打开默认浏览器0.0.0.0:8080的问题
L的博客
08-05 1280
解决vue-cli自动打开默认浏览器0.0.0.0:8080的问题
vue cli5降级为4
追梦小狂魔的博客
04-12 4414
这个5太难用了，好多问题，全是踩坑 npm uninstall -g vue-cli npm install -g @vue/cli@4.5.17
vue-cli-plugin-quasar：Quasar Framework Vue CLI插件
02-03
类星体框架：vue-cli-plugin-quasar :rocket: 在2分钟内开始使用Quasar Framework构建Vue应用！ :warning_selector: 为了获得Quasar的高级（推荐）体验，包括构建Mobile＆Electron应用程序以及轻松升级到新...
vue-cli-plugin-windicss::leaf_fluttering_in_wind:适用于Vue CLI的Windi CSS:high_voltage:
03-25
vue-cli-plugin-windicss 于Vue CLI的 ，速度很快！ :high_voltage: aka按需Tailwind CSS 特征 :high_voltage: 快速-比快20到100倍 :puzzle_piece: 按需CSS实用程序（与Tailwind CSS v2兼容）和本机元素样式...
vue-cli5升级：运行时自动打开0:0:0:0地址且无法访问
qq_44242707的博客
10-28 568
【代码】vue-cli5升级：运行时自动打开0:0:0:0地址且无法访问。open + host 配置
【Vue3】vue-cli从2.9.6 升级到 5.0.1
Owen的博客
02-20 1877
第一步、查看 vue-cli 版本 vue -V 第二步、卸载原有版本 vue-cli npm uninstall vue-cli -g 第三步、安装 npm install @vue/cli -g 注意：vue3 的项目启动命令 npm run serve
vue cli 3 升级到 vue cli 4 方法步骤及升级点总结
热门推荐
前端开发者
10-26 8万+
vue cli 3 升级到 vue cli 4 指南 vue cli 3 升级到 vue cli 4 方法步骤及升级点总结 vue-cli 3升级vue-cli 4 官方英文升级文档，中文滞后 一.首先，在全局安装最新的 Vue CLI： npm install -g @vue/cli # OR yarn global add @vue/cli 检查安装的版本 vue -V # 输出:@vue/cli 4.x.x 说明@vue/cli 4安装成功( vue cli 3的版本会输出 3.x.x )
vue/cli 5.0.1 ＋vue 2.7.1 兼容ie11
qq_34458968的博客
08-26 1578
vue兼容ie
最新【vue】使用vue-cli5.0快速搭建一个项目
专注于Java领域开发 关注我 带你玩转Java
02-24 1万+
快速搭建vue/cli脚手架教程
【Vue系列】从零开始搭建vue-cli脚手架详细教程
weixin_41950078的博客
06-08 930
vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境。 1.0 安装vue-cli
vue快速入门（四十六）Router的安装与使用
最新发布
不起眼小菜菜的博客
04-26 535
步骤很详细，直接上教程……
0:12:54.816 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 10:12:54.821 SassError: Undefined variable: "$u-type-primary". 10:12:54.821 on line 206 of D:\ideaWorkSpace\ehl-wx\node_modules\uview-ui\components\u-badge\u-badge.vue 10:12:54.826 >> background-color: $u-type-primary; 10:12:54.833 --------------------^ 10:12:54.839 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 10:12:54.844 SassError: Undefined variable: "$u-type-primary". 10:12:54.849 on line 309 of D:\ideaWorkSpace\ehl-wx\node_modules\uview-ui\components\u-checkbox\u-checkbox.vue 10:12:54.856 >> background-color: $u-type-primary; 10:12:54.860 ---------------------^ 10:12:54.865 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 10:12:54.871 SassError: Undefined variable: "$u-type-primary". 10:12:54.876 on line 350 of D:\ideaWorkSpace\ehl-wx\node_modules\uview-ui\components\u-icon\u-icon.vue 10:12:54.880 >> color: $u-type-primary; 10:12:54.885 ----------^ 10:12:54.889 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 10:12:54.894 SassError: Undefined variable: "$u-type-primary". 10:12:54.894 on line 432 of D:\ideaWorkSpace\ehl-wx\node_modules\uview-ui\components\u-button\u-button.vue 10:12:54.900 >> border-color: $u-type-primary; 10:12:54.905 ----------------^ 10:12:54.909 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 10:12:54.914 SassError: Undefined variable: "$u-type-primary". 10:12:54.919 on line 721 of D:\ideaWorkSpace\ehl-wx\node_modules\uview-ui\components\u-picker\u-picker.vue 10:12:54.925 >> color: $u-type-primary;解决
07-14
可以在项目的webpack配置文件或vue.config.js文件中添加相应的配置，确保Sass能够正确加载和解析。 4. 检查一下uview-ui版本和你当前项目的版本是否兼容。有时候不同版本之间的变量命名可能会有所不同，需要进行相应...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值