react使用ts 内部组件如果是div a标签这种html标签ts会报错 类型“JSX.IntrinsicElements”上不存在属性“div” 这种本来就不是自定义组件的标准html标签怎么取消这种ts报错呢,或者怎么告诉ts这就是标准html标签 解决方案: 配置下tsconfig.json文件 "compilerOptions":{ 代码语言:javascript 复制 "jsx":"react", }, 2...
import{Chart}from'@antv/g2';importReact,{useRef,useEffect}from"react";constMyChart=()=>{constref=useRef(null);constdata=[{city:'中国(北京)',type:'首都人口',value:0.01},{city:'中国(北京)',type:'城市人口',value:0.53},{city:'中国(北京)',type:'农村人口',value:0.46},{city:'美国(华...
lib: {//组件库源码的入口文件entry: resolve('packages/index.ts'),//组件库名称name:'MyPackages',//文件名称, 打包结果举例: my-packages.umd.cjsfileName:'my-packages', }, rollupOptions: {//确保外部化处理那些你不想打包进库的依赖external: ['react','react-dom'], output: {//在 UMD 构建模...
// 主要配置 触发pre-commit 进行elint stylelint 格式校验"lint":"npm run lint:js && npm run lint:style && npm run lint:prettier","lint:js":"eslint --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src","lint:prettier":"prettier --check "**/*" --end-of-line auto","lint:...
一、使用 Vite 创建 React+TS+SW 项目 1.新建一个 temp 文件夹 (1)在桌面新建一个 temp 文件夹,然后在 VS Code 中打开此文件夹,打开一个终端; 2.创建一个 Vite 项目工程 (1)具体操作如下: npm create vite@latest(1) 输入项目名,如: vite-react-ts-scss-ant_design ,然后回车 ...
项目地址:https://github.com/whylisa/vite-react-template-typescript 技术栈前瞻 模版:使用的是vite的官方模版 react 17+ typescript 4+ yarn create vite why-react --template react-ts less: 项目中less文件的命名都要以module.less 结尾 yarn add less ...
现在,我们需要在App.tsx中配置React Router。可以编写以下代码: 代码语言:ts 复制 importReactfrom'react';import{BrowserRouterasRouter,Switch,Route,Link}from'react-router-dom';import{Layout,Menu}from'antd';importHomefrom'./pages/Home';importAboutfrom'./pages/About';const{Header,Content}=Layout;constAp...
一、让vite做路径解析 1、安装第三方Node包 npm i @types/node -D 2、配置别名路径 image.png import{defineConfig}from'vite'importreactfrom'@vitejs/plugin-react'importpathfrom'path'// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[react()],resolve:{alias:{'@':path.resolve(__di...
使用vite搭建react-ts项目 npm create vite@latest my-react-app -- --template react-ts vscode页面满屏爆红 image.png image.png image.png 解决办法: 第一步:修改tsconfig.json配置 将moduleResolution的值改为node,注释掉allowImportingTsExtensions
搭建react + ts 的项目 方式一: 使用官方的脚手架 注意: npx create-react-app <项目名> --scripts-version=react-scripts-ts 网上大部分的这种方法已经过时 npx create-react-app <项目名> -- typescript: 这个方法也没有了,只能创建js 的react