安装vue-cli完以后执行npm run dev 不会自动打开网页？

最新推荐文章于 2023-08-14 13:50:24 发布
原创 最新推荐文章于 2023-08-14 13:50:24 发布 · 2.4k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文提供了解决在安装vue-cli并执行npm run dev时遇到问题的方法，只需在config/index.js中将autoOpenBrowser:false更改为true即可解决问题。

安装完vue-cli以后执行npm run dev后出现这个：

我们只需要在config/index.js里面把autoOpenBrowser:false；改为true就行了！

前端开发：执行npm run serve命令报错npm ERR! XXX@0.1.0 serve: `vue-cli-service serve`
全沾软贱开发攻城狮
08-21 5万+
在前端开发过程中，npm的使用是少不了的，所以需要知道基本的操作使用，并且了解常见的异常情况处理。 那么本篇博文就来分享一个常见的npm错误提示，在执行npm run serve命令的时候提示报错npm ERR! XXX@0.1.0 serve: `vue-cli-service serve`的提示问题。记得之前该实例项目没有问题，只是过了一段时间没有操作，然后接着又继续开发的时候突然就报了该错误，具体错误提示如下所示： CheZhng$ npm run serve > XXX-es6@0.
vue中npm run dev运行项目 自动打开浏览器
alisa7的博客
06-15 3886
autoOpenBrowser: true,  //是否默认打开浏览器,默认是false，改为true即可
vue脚手架搭建项目执行npm run dev (npm run serve) 后没有自动弹出页面
乌云大帝的博客
10-15 4956
2.x版本的vue，执行npm run dev后没自动弹出http://localhost:8080/ 网上查资料后发现是少了一步设置: 找到 config/index.js文件，打开 把 autoOpenBrowser: false,的false改成true.如图: 保存，重新打开即生效！ ...
npm run dev后，浏览器不会自动打开
笑到世界都狼狈的博客
07-18 3679
首先，我在vue中使用npm run dev运行项目结果如下： 看效果是运行成功了，但是浏览器不会自动打开，需要我复制粘贴自己去打开浏览器，所以百度了一下，找到了解决方法： 需要修改：config-->index.js-->autoOpenBrowser为true，然后重新运行代码即可: autoOpenBrowser:true 感谢大佬分享：https://blog.youkuaiyun.com/Bright2017/art...
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
10-17
首先，我们需要明确npm run dev与npm run build两个命令的区别。npm run dev命令是在开发环境下运行的，目的是为了帮助开发者在开发过程中更便捷地进行代码的编译和调试。npm run build则是在开发环境准备就绪之后，...
浅谈vue-cli加载不到dev-server.js的解决办法
11-28
完成配置后，记得运行`npm run dev`命令重启开发服务器，使改动生效。 3. **配置POST请求**： 如果需要处理POST请求，同样在`webpack.dev.conf.js`的`apiRoutes`上设置。例如，添加一个处理`/foods`的POST请求： ...
精选资源
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
01-19
用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，经常修改之后在浏览器刷新没反应，偶尔才会有刷新，需要重新跑一遍npm run dev才会更新，这是怎么回事呢？ 解决方法 webstorm保存的时候会先保存...
安装vue-cli的简易过程
12-11
首先，安装Vue CLI之前，确保你的机器上已经安装了Node.js，因为Vue CLI是基于npm（Node Package Manager）的。你可以通过在命令行工具中输入`npm -v`来检查npm以及Node.js的版本。如果未安装或版本过低，你需要访问...
vue中npm run dev运行项目不能自动打开浏览器! 以及 webstorm跑vue项目jshint一直提示错误问题的解决方法！...
weixin_30666943的博客
06-27 831
vue中npm run dev运行项目不能自动打开浏览器!以及 webstorm跑vue项目jshint一直提示错误问题的解决方法！ 1、上个项目结束就很久没有使用vue了，最近打算用vue搭建自己的个人站点就准备先创建项目。 然后就出现了一系列问题，可能是很久没用吧，太生疏了，之前又不小心把环境变量删除了，结果各种不是内部或外部命令。 这里要说的问题就是一个让我很不爽的问题...
VUE3 npm run dev后浏览器页空白,控制台也无报错信息
2301_79406053的博客
08-14 2381
错误原因:main.js样式导入出错。解决方式:注释掉即可。
vue中npm run dev 不能自动打开浏览器运行项目
dengying1570的博客
04-13 316
最近用vue2.0 + webpack搭建了环境创建新的项目。出现一个很蹩脚的问题： 在终端输入 npm run dev 的时候，不能自动打开浏览器运行项目。 这段话的意思是：你的应用程序运行地址是:http://localhost:8080 但是，在之前 运行npm run dev 之后会默认自动打开浏览器运行的。百度之后，找到了解决的办法： 找到根目录下config文件夹...
npm run dev无报错，电脑就是访问不了localhost
一出好剧
12-13 9473
npm run dev成功，localhost无法访问。
运行npm run dev命令时自动打开浏览器的设置（vue）
weixin_43694465的博客
04-23 3343
框架搭建好过后输入npm run dev的时候不会直接打开浏览器，在config文件夹找到index.js文件夹 把autoOpenBrowser: false改为autoOpenBrowser: true，从新在命令行输入npm run dev，这是就会自动打开浏览器。 如图修改 路径 config/index.js ...
运行`npm run dev`后访问`http://localhost:8080`，页面提示`Cannot Get`
weixin_45912372的博客
03-06 1120
【代码】运行`npm run dev`后访问`http://localhost:8080`，页面提示`Cannot Get`
vuejs中执行npm run dev出现页面cannot GET/问题
热门推荐
纸上得来终觉浅，绝知此事要躬行
03-15 3万+
1.问题描述 最近用vue-cli搭建了一个小项目,其中在对项目进行打包测试时修改了webpack.base.conf.js中的配置信息,之后再用npm run dev之后出现如下的情况: 1.浏览器中无法呈现已有页面,并且在浏览器控制台中报404错误 2.命令窗口中并没有报错 其中有人说是路由等问题,后来通过创建新的项目对比配置文件信息,发
解决npm run dev的时候会打开两个浏览器页签窗口的问题
qq_37672347的博客
04-07 819
需要修改两个文件 第一个文件是vue.config.js文件中 将 open：true 注释掉 或者 设为 open: false 第二个文件是package.json文件中 将 “dev”: “vue-cli-service serve” 修改为：“dev”: “vue-cli-service serve --open” 即后面加上 --open ...
vue-cli-service npm run dev的时候vue-cli-service既不是内部命令也不是外部命令
最新发布
01-24
### 解决 `vue-cli-service` 不是内部或外部命令的问题 当遇到 `'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件` 的错误时，通常是因为 Vue CLI 工具未正确安装或环境变量配置不正确。 #### 1. 安装 Node.js 和 npm 确保已经安装了最新版本的 Node.js 及其包管理工具 npm。可以从官方网站下载并按照说明完成安装[^1]。 #### 2. 验证 Node.js 和 npm 是否成功安装 打开命令提示符窗口，输入以下命令来验证是否正确安装： ```bash node -v npm -v ``` 这两个命令应该返回相应的版本号。如果没有，则重新检查安装过程中的设置选项，特别是关于路径的选择部分。 #### 3. 全局安装 @vue/cli 通过 npm 来全局安装 Vue CLI: ```bash npm install -g @vue/cli ``` 这一步骤会将 `vue` 命令添加到系统的 PATH 中，使得可以在任何地方调用它。 #### 4. 添加环境变量 (仅限 Windows 用户) 对于某些情况，在安装完成后可能仍无法识别 `vue-cli-service` 命令。此时需要手动编辑系统环境变量： - 找到 node_modules\.bin 文件夹的位置； - 将该目录加入到系统的 Path 环境变量里； - 关闭当前所有的命令行终端实例，并重启一个新的实例再试一次。 #### 5. 局部安装依赖项 进入项目根目录下执行如下指令以确保所有必要的本地模块都被正确加载： ```bash cd your-project-directory npm install ``` 此操作将会读取 package.json 文件内的 dependencies 字段，并自动下载缺少的相关库至 ./node_modules/ 下面去[^3]。 经过上述调整之后再次尝试启动开发服务器： ```bash npm run dev ``` 如果一切正常的话，现在不应该再看到之前的那个报错了。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值