react 从 .js 转变为 .ts时，serviceWorker.js 改成 serviceWorker.ts 类型报错

最新推荐文章于 2023-06-09 19:00:00 发布
最新推荐文章于 2023-06-09 19:00:00 发布
阅读量855 收藏
点赞数 1
分类专栏： react 基础使用 Typescript基础 react 项目问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AS_TS/article/details/108152375
版权

在创建完react项目后，想使用typescript，给typescript设置了tsconfig.json后，出现了serviceWorker.js文件的报错
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
找了以前的项目，查看了修复方式，其中config的类型报错，可以使用ts中的 type 来设置 config的类型

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
而 process.env.PUBLIC_URL 报错，在首次编译之后会生成 react-app-env.d.ts 声明文件，错误会消失
在这里插入图片描述
在这里插入图片描述

AS_TS
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React Worker组件简化了Web Worker的使用-React开发
05-27
使用Web Workers简化React Worker组件react-worker-components使用Web Workers简化React Worker组件简介这是一个受React Server Component启发的实验性项目。 我一直在开发几个与Web Workers交互的库。 react-hooks-worker redux-in-worker react-suspense-worker RSC样式对于Web Workers很有用。 对于Web Workers，RWC是相同的想法。 它试图重现类似的行为。 请尝试示例。 欢迎提供反馈。 安装npm i
基于react flv.js
02-10
基于react flv.js
ts转js运行报错:“tsc : 无法加载文件 D:\works\softwares\Nodejs_install\node_global\tsc.ps1“
weixin_45276056的博客
01-14 450
一、在typescript.ts转换成.js运行时报错解决办法： 1、第一步：鼠标在vscode软件上右击打开 属性–>兼容性–>以管理员的身份运行此程序，如下图： 2、第二步：打开vscode后，Shift+Ctrl+~ 打开终端，输入执行以下命令： get-ExecutionPolicy set-ExecutionPolicy RemoteSigned get-ExecutionPolicy 2、最后再执行 tsc demo.ts就可以了。 希望有帮助，加油！ ...
React中使用worker线程
见贤思齐焉，见不贤内自省
04-11 2767
React中使用worker线程
React项目升级为React+TypeScript项目指南
libocsdn_lean的博客
06-09 310
使用TypeScript的主要工作是在组件中定义prop和state的类型。将项目中的.js文件扩展名更改为.ts或.tsx。如果你使用的是create-react-app，它会自动将文件扩展名更改为.tsx。在组件中使用TypeScript。
react ts环境搭建及ts格式写法
weixin_43294560的博客
07-23 6266
1、脚手架启动 npx create-react-app 项目名称 --template typescript 官方建议: If you've **previously installed create-react-app globally** via npm install -g create-react-app, we recommend you uninstall the package using **npm uninstall -g create-react-app** t
react 18.2.0；babel.min.js 6.26.0
07-22
react官网提供的cdn地址经常抽风，因此下载最新js到本地用于开发测试。react.development.js 18.2.0；react-dom.development.js 18.2.0；babel.min.js 6.26.0
react PC端项目构建TS，react@18.2.0+antd+vite+axios+redux+sass+ts
最新发布
03-07
该架构已解决大部分坑，主要用于react@18.2.0PC端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、antd、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、...
Vuexy - MUI React Next.Js Admin Template后台管理模版
11-16
Vuexy - MUI React Next.Js Admin Template后台管理模版
PWA系列 - Service Workers 异常处理
weixin_34235135的博客
07-10 677
前言 前端在写PWA页面时， 经常会遇到ServiceWorker注册失败， 或ServiceWorker执行具体业务逻辑时失败， 但又连不上devtools， 或者连上了而从devtools能获取到的异常信息非常有限。本文详细分析一下ServiceWorker异常处理相关的问题。 线程退出时机 ServiceWorker规范中提到，Service...
JS创造多线程webworker来处理前端大量的计算
m0_56065511的博客
08-08 981
JS创造多线程webworker来处理前端大量的计算
React项目从Javascript到Typescript的迁移经验总结
weixin_34111819的博客
05-05 3259
抛转引用 现在越来越多的项目放弃了javascript，而选择拥抱了typescript，就比如我们熟知的ant-design就是其中之一。面对越来越火的typescript，我们公司今年也逐渐开始拥抱typescript。至于为什么要使用typescript？本文不做深入探讨，对这方面有兴趣的小伙伴们可以去看一下这篇文章： TypeScript体系调研报告 这篇文章比较全面地介绍了TypeS...
worker在Typescript的使用
qq_35056027的博客
03-08 4102
业务需求是在前端显示报表，但是sharepoint online无法直接用数据库，只能调REST API在前端显示 一、内嵌worker 此方法优点是浏览器不用每次去加载你所写的worker.js this.domElement.innerHTML=`<p>Worker 花费时间: <output id="result"></output&gt...
工作流服务Workflow Service(1):ReceiveActivity
fdqwfdsafdsa的博客
01-11 297
在.NET3.5中WF提供了和WCF的整合，就是工作流服务，即使用工作流创作的 WCF服务。服务协定的实现是通过一个或多个 ReceiveActivity 活动处理的。在WCF中提供了三种消息交换模式分别为One-Way Calls，Request/Response和Duplex,在工作流服务中只支持One-Way Calls和Request/Response两种模式。 下面就举例说明，新建一个顺...
React+TypeScript解决文件报错
qq_41916378的博客
03-21 1714
Umi框架+React+TypeScript解决文件引入报错但不影响正常使用的问题
React项目中TS报错解决方案
weixin_46410505的博客
02-16 3042
未完待续…
React + Redux：论如何将 JS 项目改为 TS 项目
qq_43477721的博客
07-10 1603
以计数器为例 使用命令搭好项目之后，安装 redux，react-redux 即可。 index.js 页面中创建 store import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import { Provider } from 'react-redux' import { createStore } from 'redux' import {
vue3 + vite出现 process is not defined 解决办法
TangAcrab的博客
07-12 7715
问题：vite项目中，有些第三方库会使用 node env. 出现 process 报错。 解决：在vite.config.ts中添加
react fabric.js
09-11
React Fabric.js是一个用于在React应用中使用Fabric.js库的封装。Fabric.js是一个强大的JavaScript库，用于创建和操作基于HTML5 Canvas的图形对象。通过使用React Fabric.js，您可以轻松地在React应用中创建和操作...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值