前端
关注
分享
扫一扫
袖子味
哇哇哇哇哇哇哇哇
展开
-
typescript中安装第三方库报错
typescript中安装第三方库报错：S7016: Could not find a declaration file for module ‘crypto-js’解决方式：安装它的类型定义的包官网npm i --save-dev @types/crypto-js其它ts的报错**S7016**也可以这样解决。原创 2022-07-25 20:35:57 · 1391 阅读 · 0 评论 -
vue3中数据修改了，视图未及时更新的解决办法
错误做法但是，使用****filter方法过滤数据重新赋值后，数据修改了，视图却没有更新，这和vue3的更新机制有关。例子说明：正确做法接下来，换个思路，换成splice方法，改变原数组。具体用法：Array.prototype.splice()此次的需求是删除其中一个元素，故基本语法如下：所以需要找到该对象元素在数组的索引方法1：indexOf()方法2：findIndex()结语问题完美地解决了~......原创 2022-07-01 21:10:04 · 18476 阅读 · 0 评论 -
前端实现背景模式的切换
单选框css变量操作dom修改样式3.css 变量var() 函数用于插入 CSS 变量的值。var() 函数的语法如下：值描述name必需，变量名（以两条破折号开头）value可选，回退值（在未找到变量时使用）变量名称必须以两个破折号（–）开头，且区分大小写！querySelectorAll方法的官网链接：querySelectorAll返回与指定的选择器组匹配的文档中的元素列表 (使用深度优先的先序遍历文档的节点)。返回的对象是NodeList。6.dom修改原创 2022-06-29 20:47:24 · 574 阅读 · 0 评论 -
This expression is not callable. Type ‘typeof import(“xxx“)‘ has no call signatures.ts(2349)
报错：import markedThis expression is not callable. Type 'typeof import("xxx")' has no call signatures.ts(2349)原因：import marked from 'marked'导入方式的错误修改：import {marked} from 'marked'原创 2022-05-08 14:11:27 · 4923 阅读 · 0 评论 -
vscode中进行typescript安装和使用的全套流程
npm install -g typescript管理员tsc -v查看版本报错:tsc : 无法加载文件 D:\codeSoftware\node\tsc.ps1，因为在此系统上禁止运行脚本。解决办法运行 set-ExecutionPolicy RemoteSigned 命令，在询问更改执行策略的时候选择敲Y或者A运行 get-ExecutionPolicy 命令，可看到脚本的执行策略已被更改为 RemoteSignedtsc --init生成配置文件删除之前写的ts和js文件，重原创 2022-05-08 14:00:28 · 1077 阅读 · 0 评论 -
react项目中设置环境变量（cross-env+react）
react项目中设置环境变量官网安装：npm install --save-dev cross-env原创 2022-03-10 09:36:57 · 3287 阅读 · 0 评论 -
react项目实现前端国际化(react+react-i18next)
1. 安装 react-i18nextnpm install react-i18next i18next --save2. 代码结构i18n的配置i18n.jsimport i18n from "i18next";import { initReactI18next } from "react-i18next";import en from "./locales/en.json";import zh from "./locales/zh.json";import LanguageDetec原创 2022-03-02 09:50:48 · 1945 阅读 · 1 评论 -
vite+react+typescript项目的创建
npm create vite@latest my-react-app – --template react-ts原创 2022-02-24 19:55:28 · 479 阅读 · 0 评论 -
解决react-router-dom V6路由嵌套时子路由无法显示的问题
<Route path="/" element={<NewsSandBox />} />NewsSandBox组件下的代码:import React from "react";import { HashRouter, Routes, Route } from "react-router-dom";import SideMenu from "../../components/sandbox/SideMenu";import TopHeader from "../../com原创 2022-01-16 14:54:40 · 5791 阅读 · 1 评论 -
Es-lint报错:Unnecessary else after return. no-else-return
报错：Unnecessary else after return. no-else-return错误：def foo(x): if x: return 1 else: return 2正确：def foo(x): if x: return 1 return 2原创 2022-01-14 13:29:32 · 4915 阅读 · 0 评论 -
浏览器地址栏的使用小技巧
1. 浏览器网页变成编辑器data:text/html,<html contenteditable>2. 浏览器网页输入htmldata:text/html,<h1>hello world</h1>原创 2022-01-14 13:23:53 · 185 阅读 · 0 评论 -
typescript+react+antd实现表格内容的删除
代码如下：import React from "react"import { useState } from "react";import { Table, Space } from 'antd';import 'antd/dist/antd.css'function TableTest() { const initData = [ { id: '1', name: 'John Brown', ag原创 2021-11-26 19:32:09 · 750 阅读 · 0 评论 -
Type ‘string | null‘ is not assignable to type ‘string‘. Type ‘null‘ is not assignable to type ‘
报错如下：Type ‘string | null’ is not assignable to type ‘string’.Type ‘null’ is not assignable to type ‘string’.ts(2322)解决办法：token: localStorage.getItem("token") || ''原创 2021-11-18 19:13:51 · 6940 阅读 · 0 评论 -
‘App‘ cannot be used as a JSX component. Its return type ‘Element[]‘ is not a valid JSX element.
记录最近在用ts写react遇到的一个问题：代码如下：function App() { const nameArray:string[] = ['Bob','Jack','Mary']; return( nameArray.map((name:string)=>{ return( <div>{name}</div> ) }) ) }然后报错：‘App’ cannot be used as a JSX compo原创 2021-10-29 20:55:16 · 8379 阅读 · 0 评论