首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将service worker库(MSW)与Parcel bundler一起使用

如何将service worker库(MSW)与Parcel bundler一起使用
EN

Stack Overflow用户
提问于 2021-01-21 22:27:28
回答 1查看 269关注 0票数 1

我有一个小的TypeScript React项目,我使用Parcel捆绑在一起。我想添加MSW来模拟服务器请求,但我无法使其正常工作。

我有一个非常简约的包裹设置:

代码语言:javascript
运行
复制
"scripts": {
  "start": "parcel index.html",
  "build": "parcel build index.html"
},

至于MSW,一切都是根据他们的documentation来完成的。下面是服务工作者的初始化方式:

代码语言:javascript
运行
复制
if (process.env.NODE_ENV === "development") {
  const { worker } = require("./mocks/browser")
  worker.start()
}

当与Webpack捆绑在一起时,完全相同的实现可以完美地工作。但在Parcel中,它会在控制台中导致以下错误:

The script has an unsupported MIME type ('text/html').

[MSW] Failed to register a Service Worker: Failed to register a ServiceWorker for scope ('http://localhost:1234/') with script ('http://localhost:1234/mockServiceWorker.js'): The script has an unsupported MIME type ('text/html').

有没有办法让它正常工作?

EN

回答 1

Stack Overflow用户

发布于 2021-01-21 23:54:55

解决方案:npx msw init dist

事实证明,我在运行npx msw init时使用的是适用于Create-React-Apppublic,而不是使用Parcel时应该使用的dist

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65829550

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档