vue项目中的webpack-dev-sever配置

最新推荐文章于 2024-03-14 22:17:17 发布
最新推荐文章于 2024-03-14 22:17:17 发布
阅读量100 收藏
点赞数
文章标签： javascript webpack ViewUI
原文链接：http://www.cnblogs.com/yforward/p/8033817.html
版权

问题描述：在vue项目中运行npm run dev启动服务器，然而在同一个局域网下的外部设备不能该服务器

解决方案：在项目的config文件夹下找到index .js中的host把默认的localhost更改为0.0.0.0，

然后外部设备就可以访问该项目启动的服务了（注意必须是在统一局域网下）

转载于:https://www.cnblogs.com/yforward/p/8033817.html

weixin_30838921
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
运行webpack-dev-server报错
ChrisJin的博客
07-21 514
项目场景： package.json依赖： 问题描述： 运行webpack-dev-sever报如下错误： Cannot find module 'webpack-cli/bin/config-yargs' 解决方案： 百度之后都是说webpack-cli 4.x与webpack-dev-server 3.x版本不兼容。需要将webpack-cli 4.x降低到webpack-cli 3.x 方案一 解决方案如下： 卸载webpack-cli 4.7.2, 安装webpack 3.3.12（3.X最高
详解webpack-dev-server的简单使用
weixin_44526331的博客
01-16 4726
webpack-dev-server是一个小型的Node.js Express服务器,它使用webpack-dev-middleware来服务于webpack的包,除此自外，它还有一个通过Sock.js来连接到服务器的微型运行时. 我们来看一下下面的配置文件(webpack.config.js) var path = require("path"); module.exports = { en...
vue项目初始化时npm run dev报错webpack-dev-server解决方法
weixin_30677475的博客
01-27 1191
vue项目初始化时npm run dev报错webpack-dev-server解决方法 原因：这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好webpack-dev-server 版本需要从最新版本降低到如下版本,因为开始构建项目所用的插件版本太低（1）、npm uninstall webpack-dev-server（2）、npm install webpa...
vue@1.2.2 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.
weixin_44012027的博客
10-23 4958
Vue 启动报错 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! renren-fast-vue@1.2.2 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the renren-fast-vue@1.2.2 dev script. npm
vue第一次导入项目报错webpack-dev-server
weixin_45001200的博客
08-08 105
报错截图： 分析： 没有安装sass-loader，安装一下对应的版本就好，如果程序崩了把sass-loader先卸载在重装 解决：在控制台输入如下对应的命令即可 npm uninstall sass-loader node-sass //卸载 npm install sass-loader@7.3.1 node-sass@4.14.1 --save-dev //安装对应的版本 ...
vue启动项目时报错：webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
张张张的博客
05-27 2850
前端运行项目时报错，排查一下以下这些原因： 1：首先检查config下的index.js的ip是否填写错误 2：有可能是依赖包的问题，可以吧文件夹中的node_modules删除，使用npm install或cnpm install重新引入。 3：检查一下npm，node，webpack的版本和项目的支持版本是否对应(项目中package.json可以看相关版本信息) 另外注意一下 如果是mac本起项目报错：TypeError:fsevents is not a constructor,可..
Vue项目运行报错：解决webpack版本问题
qq_53446980的博客
10-10 5723
解决“Error: Rule can only have one resource source (provided resource and test + include + exclude)” 前面也会报错找不到 webpack ，在 package-lock.json 里查找之，发现安装的版本竟然是 5.1.0，而没有更新过依赖，可以正常编译的项目里都是 4.x。那基本可以确认了。 步骤： 先删掉 node_modules 和 package-lock.json 手动在 package.json
vue项目中的webpack-dev-sever配置方法
08-28
在Vue项目中，通常使用`vue-cli` 创建项目，`vue-cli` 已经默认配置了`webpack-dev-server`，但有时我们需要根据需求进行定制化配置。 1. **配置文件位置**： 在Vue项目中，`webpack-dev-server` 的配置通常位于`...
webpack-dev-server的代理（proxy）
Meskjei的博客
09-06 6736
文章目录引入proxy 引入 先看一个例子： import React, { Component } from 'react'; import ReactDOM from 'react-dom'; import axios from 'axios'; class App extends Component { componentDidMount(){ axios.get(...
【quasar】‘quasar‘ 不是内部或外部命令，也不是可运行的程序
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
12-22 2984
问题描述 从git上clone了一条项目,npm install 后,运行quasar dev 出现找不到quasar错误 问题原因 quasar没有安装 解决流程 1.npm install -g @quasar/cli 2.quasar create test 3.把原本的quasar项目覆盖在创建的test文件内 4.再使用quasar dev就能运行成功了 个人网站:https://www.php-china.com/blog/ 如有错误，请多多指教。 如对你有帮助，给个赞吧。 ...
Rasa_nlu_chi：入门教程
Puzzle的博客
12-09 2138
1. 为防止版本兼容问题，创建Python虚拟环境 链接：https://jingyan.baidu.com/article/b7001fe15d584c4e7282ddb2.html 1.1 创建一个文件夹（如pythonEnv），控制台进入该文件夹，运行 python -m venv . 1.2 完成后会在该文件夹下生成一些文件，控制台进入Scripts文件夹，运行activate即可 2. 安装jieba pip install jieba==0.41 ...
记录一次报错：‘nodemon’，‘quasar’不是内部或外部命令，也不是可运行的程序或批处理文件。
最新发布
weixin_62353676的博客
03-14 614
到这里算是解决了 ：‘nodemon’不是内部或外部命令，也不是可运行的程序或批处理文件这个报错，然后还有‘quasar’不是内部或外部命令，也不是可运行的程序或批处理文件的问题，经过一番尝试，发现quasar与nodemon的问题如出一辙，心如死灰。这个时候弄了好久，已经很晚了，所以就不管了，明天再说。于是我就把所有版本node都卸载了，只留了一个要用的v18.18.0版本的node，然后在继续下载nodemon工具，发现还是报一样的错，并且此前删掉的16.20.0版本的node凭空出现了。
windows7 X64 安装quasar的坑
BOBAY的专栏
04-17 1494
由于现在办公用的电脑还是windows7,64位的系统，已经安装好了npm和yarn了，在同事的要求下用yarn安装quasar，如下： C:\Users\Administrator>yarn global add @quasar/cli yarn global v1.22.10 [1/4] Resolving packages... warning @quasar/cli > metalsmith > gray-matter > coffee-script@1.12.7: Co
【解决问题】‘vue‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。
热门推荐
weixin_44566194的博客
04-04 4万+
【解决问题】'vue' 不是内部或外部命令，也不是可运行的程序或批处理文件。
Qark安装总结
qq_42269769的博客
06-21 2901
qark简介以及安装步骤qark简介qark功能新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 qark简介 ...
allure报错：'allure' 不是内部或外部命令，也不是可运行的程序 或批处理文件
baidu_27653413的博客
04-04 1万+
目的：想查看allure生成的测试报告。 使用pycharm在Terminal命令行执行allure server alluredir 报错：‘allure’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。下图所示： 暂时不知道是哪里出了问题，就换了一种方式查看。 进入python项目路径，打开命令行窗口，输入allure server alluredir 。 可以看到本机开了5332...
Quasar 的介绍及安装使用
梨木乔
04-20 8987
为什么需要quasar Quasar（发音为/ˈkweɪ.zɑɹ/）是基于MIT许可的开源Vue.js框架，Web开发人员可以快速创建具有多种功能的响应式++网站/应用程序，其运用范围包括： SPA（单页应用程序） SSR（服务器端渲染应用程序）（+可选的PWA客户端接管） BEX（浏览器扩展） 移动应用（Android，iOS等） 多平台桌面应用程序（使用Electron） Quasar的座右铭是：一站式所有平台,即一次性编写代码，并同时将其部署为网站，移动应用程序和应用程序。 一个适用于所有代码的代码
当出现 ‘ XXX ’ 不是内部或外部命令，也不是可运行的程序或批处理文件
qq_46034942的博客
04-07 1万+
当出现 不是内部或外部命令，也不是可运行的程序或批处理文件
Vue基础技术|webpack-dev-server的配置和使用
小酒屋
07-14 1万+
这部分主要说一下如何配置我们的webpack-dev-server让我们可以在开发的过程中体验到一个非常高效又非常方便的开发模式，提高我们的开发效率，webpack-dev-server是webpack的包，首先需要安装这个webpack包 ➜ vue-demo npm install webpack-dev-server@2.9.7 npm WARN vue-demo@1.0.0 No r...
vue webpack-dev-server
03-16
Vue webpack-dev-server是一个开发服务器，用于在开发过程中提供实时重载和热重载功能。它基于Webpack构建，可以自动编译和打包代码，并在浏览器中实时显示结果。Vue webpack-dev-server可以大大提高开发效率，让...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值