webpack配置webpack-dev-server时,启动时会报Project is running at: 为空并且网页显示Cannot GET

已于 2023-05-17 21:22:17 修改
阅读量364 收藏
点赞数 1
文章标签： webpack 前端 node.js
于 2023-05-17 20:02:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/B030209/article/details/130733748
版权

解决方案：   
   

    devServer: {

        open: true,//开启自动打开浏览器

        host: '127.0.0.1',//实时打包的一个本地地址

        port: 8080,//实时打包的端口号

        static: './'//静态资源就是为了能够在http协议上打开

    },

Mr. White.
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
webpack-使用webpack-dev-server.rar
04-12
webpack-dev-server 为你提供了一个简单的 web 服务器，并且能够实时重新加载。这里用一个最简单的例子，让大家迅速的了解原理，避免被其他的附加技术干扰。
使用webpack3.0配置webpack-dev-server教程
08-27
使用webpack3.0配置webpack-dev-server教程 本文主要介绍使用webpack3.0配置webpack-dev-server的教程，旨在帮助读者快速搭建一个小型的服务器。下面我们将详细介绍webpack-dev-server的配置和原理。 一、webpack-...
webpack-dev-server保存打包无效,Project is running at:空白
swuzsj的博客
12-14 1035
webpack-dev-server] Project is running at:后面一片空白怎么办。现在保存后就能在 http://localhost:8080/src/ 看到。修改配置 webpack的配置文件。安装包到开发环境依赖。
npm build报错Cannot find module ‘webpack‘解决方法
最新发布
邓邓子的博客
05-27 797
缺少 webpack 模块。
解决：Error: Cannot find module 'webpack'
sxs7970的博客
03-22 8814
最近在用webpack打包的时候，遇见一个很恶心的东西，用的时候，出现 Error: Cannot find module ‘webpack’ 输入npm init -y 初始一下项目，然后生成默认配置文件package.json文件。 在打包入口文件的时候，将 ‘.\src\main.js’ 打包成 ‘.\dist\bundle.js’ 的时候，出现Error: Cannot find mod...
Error: Cannot find module ‘webpack‘ 问题解决办法
忧郁的海风
06-26 6998
所以要全局安装 npm install --save-dev webpack。就算之前你装了webpack，那肯定是非全局安装。这句话的意思是：没有找到webpack模块。
webpack-dev-server插件安装配置后不能及时更新问题
weixin_45982960的博客
10-05 1087
问题描述：在使用 webpack-dev-server 插件时，在 package.json 的 scripts 中 添加好serve后，运行 npm run dev 后，改变源码，对应的样式并不改变，但是 webpack-dev-server 插件运行没有问题。 问题出现原因：我们可以在执行 npm run dev 后，看到控制台打印出如下信息： Project is running at http://localhost:8080/ 项目正在运行在 http://localhost:808..
Compiling...i ｢wds｣: Project is running at
jefferylong的博客
12-08 753
Compiling...i ｢wds｣: Project is running at
webpack-dev-server自动更新页面方法
11-26
这两天在看webpack，今天卡在webpack-dev-server上了，折腾了一下午，一直无法正常运行，每次服务器也提示正常启动了，但是浏览器一输入localhose:8080/admin就提示Get/…,反正就是无法打开页面。最后找到一个帖子，...
webpack-dev-server：提供一个webpack应用。 根据更改更新浏览器。 文档https：webpack.js.orgconfigurationdev-server
02-05
webpack-dev-server 将与提供实时重载的开发服务器一起使用。 这应该仅用于开发。 它在使用了 ，它提供对webpack资产的快速内存访问。目录入门首先，安装模块： npm install webpack-dev-server --save-dev 注意：...
webpack里 : Cannot find module webpack的错误
m0_47084418的博客
06-21 6022
关于webpack里 Error: Cannot find module 'webpack’的错误 我在运行npx webpack-dev-server(启动devserver)中遇到这个错误 这个问题部分初学者应该也会碰到 webpack环境:4.43.0 经排查发现由以下原因造成: 1.没全局安装webpack和webpack-cli 安装以下命令即可: npm install webpack -g npm install webpack-cli -g 2.没把包名添加到上 package.json
关于npm run dev产生webpack-dev-server: command not found错误的解决办法
Czh的博客
09-30 2982
打包运行vue项目产生的依赖错误问题！
关于 Error: Cannot find module ‘webpack/lib/RuleSet‘ 的详细解决方法（亲测有效）- 以及删除脚手架的方法
热门推荐
jian091309的博客
07-28 1万+
关于 Error: Cannot find module ‘webpack/lib/RuleSet‘ 的详细解决方法（亲测有效）- 以及删除脚手架的方法
Error: Cannot find module ‘webpack‘ 解决方案
YZRHANYU的博客
11-01 2245
拉取新项目 Error: Cannot find module 'webpack' 解决方案
Error: Cannot find module ‘webpack‘
chen__cheng的博客
03-27 3089
出现场景： 配置完成webpack-dev-server之后，开始兴高采烈使用npx web-dev-server运行的时候，出现了以下的错误： E:\前端\nodejs\实践\js\webpack_01>npx webpack-dev-server internal/modules/cjs/loader.js:883 throw err; ^ Error: Cannot find module 'webpack' Require stack: - E:\前端\nodejs\实践\js\no
Error: Cannot find module 'webpack'
study_way的博客
07-03 2247
在idea导入一个前段项目时出现了一点问题，通不断百度，终于解决了，所以要把这个解决过程记录一下 我是出现了一个Error: Cannot find module 'webpack’的问题 1.首先依次执行下，下面三条命令 npm install webpack npm install webpack-dev-server npm install --save-dev webpack-cli 很多...
webpack webpack-cli webpack-dev-server配置
08-16
对于Webpack的配置，你需要安装一些必要的依赖包。首先，确保你已经安装了Node.js和npm。然后，可以通过以下步骤来配置Webpack： 1. 创建一个新的项目文件夹，并在终端中导航到该文件夹中。 2. 初始化一个新的npm项目，运行以下命令并按照提示进行配置： ``` npm init ``` 3. 安装Webpack及其相关依赖： ``` npm install webpack webpack-cli webpack-dev-server --save-dev ``` 4. 在项目根目录下创建一个`webpack.config.js`文件，并添加以下基本配置： ```javascript const path = require('path'); module.exports = { entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist'), }, devServer: { contentBase: './dist', }, }; ``` 上述配置指定了入口文件为`src/index.js`，输出文件为`dist/bundle.js`，并启用了开发服务器。 5. 在`package.json`文件中添加以下脚本命令： ```json "scripts": { "start": "webpack serve --open", "build": "webpack" } ``` 上述配置允许你使用`npm start`命令来启动开发服务器，并使用`npm run build`命令来构建生产环境的打包文件。 至此，你的Webpack配置已经完成。你可以根据自己的需求进行进一步的配置，例如添加其他加载器和插件等。记得在项目中创建`src/index.js`作为入口文件，并在其中编写你的应用代码。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值