H5项目使用@microsoft/fetch-event-source

前言:

        在@microsoft/fetch-event-source 文档中,没有介绍在项目中使用script 引入,只介绍了通过npm 引入的方式;项目的接口又是 post 方式的流式接口。

解决方式:

        借助 webpack 工具

实现步骤:

1、初始化包管理文件

npm install
//或
cnpm install

 2、安装 webpack 和 webpack-cli 编译器

npm install webpack --save-dev
npm install webpack-cli --save-dev

 3、新建 webpack.config.js 文件

const path = require("path");module.exports = {entry: "./test.js", //打包入口output: {//打包文件输出路径path: path.resolve(__dirname, "dist"),filename: "index.js",},
};

注:代码中 test.js 文件是使用了 @microsoft/fetch-event-source,打包入口文件需根据自己项目文件路径填写!!

test.js 文件

 4、在项目终端 执行 npx webpack

npx webpack

 5、执行 npx webpack 进行项目打包后,把打包生成的 文件 (index.js) 在 项目中引入

 到这里就已经结束了!项目中也已经成功使用了@microsoft/fetch-event-source !!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/450561.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

幻兽帕鲁服务器多少钱?价格PK阿里云腾讯云华为云

2024年幻兽帕鲁服务器价格表更新,阿里云、腾讯云和华为云Palworld服务器报价大全,4核16G幻兽帕鲁专用服务器阿里云26元、腾讯云32元、华为云26元,阿腾云atengyun.com分享幻兽帕鲁服务器优惠价格表,多配置报价: 幻兽帕鲁…

10. BI - 决策树的使用及可视化

本文为 「茶桁的 AI 秘籍 - BI 篇 第 10 篇」 文章目录 可视化探索决策树原理决策树算法决策树可视化泰坦尼克海难数据 Hi,你好。我是茶桁。 上一节课,咱们了解了图形的具体绘制方法,接下来咱们还要看看除了图形绘制之外,还有哪些…

Three.js学习4:添加轨道控制器

一、轨道控制器 拍摄画面的时候,为了保持镜头的稳定,并且能从多方位拍摄画面,往往会用到轨道(Orbit) 。 轨道控制器(Orbit controls)可以使得相机围绕目标进行轨道运动。 在 Three.js 里&…

python_蓝桥杯刷题记录_笔记_全AC代码_入门2

前言 现在正式进入蓝桥杯的刷题啦,用python来做算法题,因为我之前其实都是用C来做题的,但是今年的话我打算换python来试试,很明显因为也才这学期接触python 加上之前C做题也比较菜,所以我打算用python重新来做题&#…

[Vulnhub靶机] DriftingBlues: 1

[Vulnhub靶机] DriftingBlues: 1靶机渗透思路及方法(个人分享) 靶机下载地址: https://download.vulnhub.com/driftingblues/driftingblues.ova 靶机地址:192.168.67.20 攻击机地址:192.168.67.3 一、信息收集 1.使…

【2024年美国大学生数学建模竞赛E题】O奖得主完整解析(可直接用)!

【2024美赛E题】O奖大佬解题思路分析! 目前已经更新E题的完整解题,包括数据、代码、结果与论文 加群可以获得完整解析,或者搜索B站:云顶数模。 联络组织企鹅:2024年美赛交流 以下是E题老师的参考论文。 1、问题重述…

职教云搜题神器找答案?学生党都在用的5款搜题工具来了 #其他#媒体#笔记

可以说是搜题软件里面题库较为齐全的一个了,收录国内高校常见的计算机类、资格类、学历类、外语类、工程类、建筑类等多种类型的题目。它可以拍照解题、拍照答疑、智能解题,并支持每日一练、章节练习、错题重做等特色功能,在帮助大家解答疑惑…

java大学生科研创新项目在线管理系统 springboot+vue

预期成果: (1)实现一个完整的大学生科创项目在线管理系统的设计与实现,可以运行演示。 (2)预计本系统的页面完整,页面所有文字和图片无漏字、错字、重叠不显示的现象,页面所有链接和…

嵌入式中VMware 三种网络模式的详解与配置方法

今天梳理下 VMware虚拟机的三种网络工作模式。 相信通过这两篇文章,能够帮助你全面搞懂虚拟机的网络工作模式和配置。 VMware的三种网络工作模式 vmware为我们提供了三种网络工作模式, 它们分别是: Bridged(桥接模式)、NAT(网…

以太网帧格式及ARP协议简介

在以太网中,一个主机和另一个主机进行通信,必须要知道目的主机的MAC地址(物理地址),只要知道目的主机的IP地址,就可以通过ARP协议获取目的主机的MAC地址。 1、ARP协议简介 ARP(Address Resolut…

Unity项目从built-in升级到URP(包含早期版本和2023版本)

unity不同版本的升级URP的方式不一样,但是大体流程是相似的 首先是加载URP包 Windows -> package manager,在unity registry中找到Universal RP 2023版本: 更早的版本: 创建URP资源和渲染器​​ 有些版本在加载时会自动创建&#…

高级FPGA开发之基础协议PCIe

基础协议之PCIe部分 一、TLP包的包头 在PCIe的系统中,tlp包的包头的结构有许多部分是相似的,通过掌握这些常规的包头,能帮助理解在PCIe总线上各个设备之间如何进行数据的收发。 通用的字段 通用字段作用Fmt决定了包头是3DW还是3DW&#xff…