Symbol. Tao 2024-01-05 13:57 采纳率: 50%
浏览 20
已结题

webpack启动项目问题

是这样的，我在前端项目中使用 webpack 进行了 Node 项目的代理(Node项目端口为3000)，所以必须使用webpack启动项目

目前是顺利启动的

img


但是一打开 webpack 的入口地址(localhost:8080)，控制台就立马报错

URIError: URI malformed
    at decodeURIComponent (<anonymous>)
    at C:\Users\ASUS\Desktop\LOL\node_modules\serve-index\index.js:113:15
    at middleware (C:\Users\ASUS\Desktop\LOL\node_modules\webpack-dev-server\lib\Server.js:2458:18)
    at Layer.handle [as handle_request] (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\layer.js:95:5)
    at trim_prefix (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:328:13)
    at C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:286:9
    at Function.process_params (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:346:12)       
    at next (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:280:10)
    at SendStream.error (C:\Users\ASUS\Desktop\LOL\node_modules\serve-static\index.js:121:7)
    at SendStream.emit (node:events:517:28)
    at SendStream.error (C:\Users\ASUS\Desktop\LOL\node_modules\send\index.js:270:17)
    at SendStream.pipe (C:\Users\ASUS\Desktop\LOL\node_modules\send\index.js:516:10)
    at serveStatic (C:\Users\ASUS\Desktop\LOL\node_modules\serve-static\index.js:125:12)
    at Layer.handle [as handle_request] (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\layer.js:95:5)
    at trim_prefix (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:328:13)
    at C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:286:9
    at Function.process_params (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:346:12)
    at next (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:280:10)
    at goNext (C:\Users\ASUS\Desktop\LOL\node_modules\webpack-dev-middleware\dist\middleware.js:73:16)
    at processRequest (C:\Users\ASUS\Desktop\LOL\node_modules\webpack-dev-middleware\dist\middleware.js:94:15)
    at ready (C:\Users\ASUS\Desktop\LOL\node_modules\webpack-dev-middleware\dist\utils\ready.js:17:5)
    at middleware (C:\Users\ASUS\Desktop\LOL\node_modules\webpack-dev-middleware\dist\middleware.js:69:5)
    at Layer.handle [as handle_request] (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\layer.js:95:5)
    at trim_prefix (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:328:13)
    at C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:286:9
    at Function.process_params (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:346:12)
    at next (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:280:10)
    at HttpProxyMiddleware.middleware (C:\Users\ASUS\Desktop\LOL\node_modules\http-proxy-middleware\dist\http-proxy-middleware.js:29:17)
    at handler (C:\Users\ASUS\Desktop\LOL\node_modules\webpack-dev-server\lib\Server.js:2327:20)
    at middleware (C:\Users\ASUS\Desktop\LOL\node_modules\webpack-dev-server\lib\Server.js:2348:40)
    at Layer.handle_error (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\layer.js:71:5)
    at trim_prefix (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:326:13)
    at C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:286:9
    at Function.process_params (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:346:12)
    at next (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:280:10)
    at Layer.handle_error (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\layer.js:67:12)
    at trim_prefix (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:326:13)
    at C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:286:9
    at Function.process_params (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:346:12)
    at next (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:280:10)
    at Layer.handle_error (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\layer.js:67:12)
    at trim_prefix (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:326:13)
    at C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:286:9
    at Function.process_params (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:346:12)
    at next (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:280:10)
    at Layer.handle_error (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\layer.js:67:12)
    at trim_prefix (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:326:13)
    at C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:286:9
    at Function.process_params (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:346:12)
    at next (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:280:10)
URIError: URI malformed
    at decodeURIComponent (<anonymous>)
    at C:\Users\ASUS\Desktop\LOL\node_modules\serve-index\index.js:113:15
    at middleware (C:\Users\ASUS\Desktop\LOL\node_modules\webpack-dev-server\lib\Server.js:2458:18)
    at Layer.handle [as handle_request] (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\layer.js:95:5)
    at trim_prefix (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:328:13)
    at C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:286:9
    at Function.process_params (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:346:12)
    at next (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:280:10)
    at SendStream.error (C:\Users\ASUS\Desktop\LOL\node_modules\serve-static\index.js:121:7)
    at SendStream.emit (node:events:517:28)
    at SendStream.error (C:\Users\ASUS\Desktop\LOL\node_modules\send\index.js:270:17)
    at SendStream.pipe (C:\Users\ASUS\Desktop\LOL\node_modules\send\index.js:516:10)
    at serveStatic (C:\Users\ASUS\Desktop\LOL\node_modules\serve-static\index.js:125:12)
    at Layer.handle [as handle_request] (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\layer.js:95:5)
    at trim_prefix (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:328:13)
    at C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:286:9
    at Function.process_params (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:346:12)
    at next (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:280:10)
    at goNext (C:\Users\ASUS\Desktop\LOL\node_modules\webpack-dev-middleware\dist\middleware.js:73:16)
    at processRequest (C:\Users\ASUS\Desktop\LOL\node_modules\webpack-dev-middleware\dist\middleware.js:94:15)
    at ready (C:\Users\ASUS\Desktop\LOL\node_modules\webpack-dev-middleware\dist\utils\ready.js:17:5)
    at middleware (C:\Users\ASUS\Desktop\LOL\node_modules\webpack-dev-middleware\dist\middleware.js:69:5)
    at Layer.handle [as handle_request] (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\layer.js:95:5)
    at trim_prefix (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:328:13)
    at C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:286:9
    at Function.process_params (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:346:12)
    at next (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:280:10)
    at HttpProxyMiddleware.middleware (C:\Users\ASUS\Desktop\LOL\node_modules\http-proxy-middleware\dist\http-proxy-middleware.js:29:17)
    at handler (C:\Users\ASUS\Desktop\LOL\node_modules\webpack-dev-server\lib\Server.js:2327:20)
    at middleware (C:\Users\ASUS\Desktop\LOL\node_modules\webpack-dev-server\lib\Server.js:2348:40)
    at Layer.handle_error (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\layer.js:71:5)
    at trim_prefix (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:326:13)
    at C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:286:9
    at Function.process_params (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:346:12)
    at next (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:280:10)
    at Layer.handle_error (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\layer.js:67:12)
    at trim_prefix (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:326:13)
    at C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:286:9
    at Function.process_params (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:346:12)
    at next (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:280:10)
    at Layer.handle_error (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\layer.js:67:12)
    at trim_prefix (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:326:13)
    at C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:286:9
    at Function.process_params (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:346:12)
    at next (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:280:10)
    at Layer.handle_error (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\layer.js:67:12)
    at trim_prefix (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:326:13)
    at C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:286:9
    at Function.process_params (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:346:12)
    at next (C:\Users\ASUS\Desktop\LOL\node_modules\express\lib\router\index.js:280:10)

这是我的 webpack.config.js 文件

img



这是打开8080控制台返回的错误

img

想请问，是我哪里有问题？或者说怎么改，请使用 ChatGPT 的朋友借过，付费悬赏只给真正解决问题的人
我问chatgpt它说，这个错误是由于 URI（统一资源标识符）的格式不正确导致的。从错误信息来看，可能是在处理请求时出现了 URI 解析错误，可能是由于 URL 中的特殊字符或者格式不正确引起的，我也不知道这说的对不对，反正我没解决思路

  • 写回答

1条回答 默认 最新

  • Leodong. 2024-01-05 14:09
    关注

    该回答通过自己思路及引用到GPTᴼᴾᴱᴺᴬᴵ搜索,得到内容具体如下：
    从你提供的错误信息来看，问题出在webpack-dev-server的代理设置上。错误信息显示：

    URIError: URI malformed

    这意味着代理设置中的某个URI格式不正确。为了解决这个问题，你需要检查webpack.config.js文件中的代理设置。请确保代理规则的格式正确，例如：

    module.exports = {
  // ...
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
};

    在这个例子中，我们将所有以/api开头的请求代理到http://localhost:3000。请根据你的项目需求修改这些设置。

    如果以上回答对您有所帮助，点击一下采纳该答案～谢谢

    评论

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 1月5日
  • 修改了问题 1月5日
  • 修改了问题 1月5日
  • 修改了问题 1月5日
  • 展开全部

悬赏问题

  • ¥15 如何获取烟草零售终端数据
  • ¥15 数学建模招标中位数问题
  • ¥15 phython路径名过长报错 不知道什么问题
  • ¥15 深度学习中模型转换该怎么实现
  • ¥15 HLs设计手写数字识别程序编译通不过
  • ¥15 Stata外部命令安装问题求帮助！
  • ¥15 从键盘随机输入A-H中的一串字符串，用七段数码管方法进行绘制。提交代码及运行截图。
  • ¥15 TYPCE母转母，插入认方向
  • ¥15 如何用python向钉钉机器人发送可以放大的图片？
  • ¥15 matlab（相关搜索：紧聚焦）