遇到的错误
百里登风
这个作者很懒,什么都没留下…
展开
-
failed to solve with frontend dockerfile.v0: failed to create LLB definition: failed to copy: httpRe
Docker build 报错原创 2022-11-04 16:25:27 · 2043 阅读 · 1 评论 -
-webkit-background-clip属性不生效问题
将-webkit-text-fill-color改成color并且调整顺序。-webkit-background-clip属性不生效问题。试了好久,终于找到原因了,泪目( Ĭ ^ Ĭ )在浏览器勾选样式后又能够显示,排除浏览器不兼容。原创 2022-08-22 23:13:42 · 778 阅读 · 0 评论 -
Error: Cannot find module ‘@/xxx‘
执行完tsc后,用node运行js发现报错了Error: Cannot find module '@/xxx'原因在tsconfig中配置了paths, 但是typescript 不会对 别名进行额外的转换"paths": { "@/*": ["./src/*"] } 解决使用苦 module-alias在package.json配置跟 webpack alias 的路径指向然后在入口文件调用引用方法即可// Aliases"_moduleAliases": {原创 2022-03-11 11:23:50 · 2867 阅读 · 1 评论 -
(plugin postcss) Error: ‘~/theme/default.less‘ wasn‘t found. Tried - /style/themes 。less 中的~什么意思
适用rollup打包报错,报错信息如下发现是不识别less中的~导致的解决问题import NpmImport from 'less-plugin-npm-import';import postcss from 'rollup-plugin-postcss';export default { ...... plugins: [ postcss({ use: [['less', { plugins: [new NpmImport({prefix: '原创 2022-03-03 11:12:14 · 3220 阅读 · 2 评论 -
c++ ‘-DNODE_GYP_MODULE_NAME=libsass‘ ‘-DUSING_UV_SHARED=1‘ ‘-DUSING_V8_SHARED=1‘ ‘-DV8_DEPRECATION_
yarn add 时报错 c++ '-DNODE_GYP_MODULE_NAME=libsass' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-DV8_DEPRECATION_WARNINGS' '-DV8_IMMINENT_DEPRECATION_WARNINGS'解决方法node 版本太高,切换到node 14.x. 就可以了参考文档...原创 2022-02-11 18:02:17 · 2481 阅读 · 0 评论 -
找不到模块“XXX”或其相应的类型声明
最近项目中写了一个组件,通过npm发布, 在业务方中使用中发现, 无法识别我们的组件,和组件对应的类型,打包内容如下查阅了下资料发现是没有配置typing配置一下就可以了!????原创 2021-12-29 15:44:17 · 5502 阅读 · 2 评论 -
antd 日期组件出现了英文
默认不设置语言日期组件组件了英文https://codesandbox.io/s/antd-reproduction-template-zcqjf解决办法import 'moment/dist/locale/zh-cn';参考文档https://github.com/ant-design/ant-design/issues/23891原创 2021-11-09 16:31:04 · 1650 阅读 · 0 评论 -
This experimental syntax requires enabling the parser plugin: ‘optionalChaining‘
最近支援的小组开发,yarn 后,启动报错,别的小伙伴没有报错原因一node版本和项目版本不对原因二node版本切换之后没有删除node_modules下的.cache文件导致的原创 2021-11-07 14:01:45 · 4630 阅读 · 0 评论 -
vite Unrestricted file system access to
报错信息如下Unrestricted file system access to "/node_modules/.vite/chunk-EQBIS5ZW.js"For security concerns, accessing files outside of serving allow list will be restricted by default in the future version of Vite. Refer to https://vitejs.dev/config/#server-f原创 2021-09-20 10:51:18 · 1413 阅读 · 0 评论 -
去除Chrome input 输入框默认背景颜色
input.input:-webkit-autofill { box-shadow: 0 0 0 30px var(--gray) inset !important; } input.input:-webkit-autofill:focus { box-shadow: 0 0 0 1000px var(--gray) inset !important; } input.input:-internal-autofill-previewed, inp..原创 2021-08-18 17:45:37 · 773 阅读 · 0 评论 -
git pull 报错
当我执行 git pull 报错了原因:远程删除了分支本地也想删除解决办法git remote prune origin原创 2021-07-09 16:24:13 · 2627 阅读 · 0 评论 -
css鼠标移动上去才显示滚动条
当鼠标移动上去才显示滚动条,用css就可以完成.list { /*默认显示滚动条,设置为白色看不出来*/ overflow: scroll; height: 500px; }.list::-webkit-scrollbar { width: 10px; background-color: #fff;}.list:hover ::-webkit-scrollbar-track-piece { /*鼠标移动上去再显示滚动条*/ background原创 2021-07-05 17:11:14 · 8376 阅读 · 1 评论 -
React 箭头函数组件使用泛型
当使用function使用泛型时,ts不会报错当使用箭头函数使用泛型时,ts会报错出现原因及解决办法在线上编译时可以的因为和 JSX 语法冲突解决办法如下或者 添加 extends原创 2021-07-05 12:05:17 · 3934 阅读 · 0 评论 -
获取元素准确的offset
通过getBoundingClientRect获取(推荐)const getOffset = (element: HTMLElement) => { const elemRect = element.getBoundingClientRect(); const offsetY = elemRect.top + window.scrollY; const offsetX = elemRect.left + window.scrollX; return {原创 2021-07-04 15:07:01 · 461 阅读 · 0 评论 -
react 通过 访问最新dom
访问react 最新dom一般情况我们这样即可,这样不能检测dom的挂载和卸载 const textInput = useRef(null);可以使用方法传递给ref const ref = e => { // React 将在组件挂载时,会调用 ref 回调函数并传入 DOM 元素,当卸载时调用它并传入 null dataRef.current.div = e; setMounted(!!e); }; <原创 2021-06-24 15:54:55 · 306 阅读 · 0 评论 -
为 rc-Form 添加 获取disabled
背景在使用ant表单的时候,当我们需要在校验不通过时,按钮就禁用,但是Form没有给我们提供onDisable的方法,怎么办呢?解决办法通过onValuesChange时进行validate const [disabled, setDisabled] = useState(false);//默认检验不通过 const fieldDisabledRef = useRef({}); const valueChange = changeValue => { if (!for原创 2021-06-06 14:58:26 · 417 阅读 · 0 评论 -
css 最后一排不添加margin
css 最后一排自定义样式需求:最后一排不需要添加margin可以使用伪类选择器// 最后3个margin-bottom 设置为0span.index__checkbox-3vfpk:nth-last-of-type(-n+3) { margin-bottom: 0; }参考文档https://www.w3school.com.cn/cssref/selector_nth-last-of-type.asphttps://www.thinbug.com/q/26839759...原创 2021-06-03 15:58:06 · 1841 阅读 · 0 评论 -
Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/func
错误代码 if (children) { return React.cloneElement(children, { onClick: handleClick }); }上述代码报错了,错误信息如下Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got:原创 2021-02-20 14:47:11 · 2513 阅读 · 0 评论 -
下拉刷新和轮播图冲突解决办法,React版本
背景当头部是轮播图,下边是下拉刷新列表时,在 @1 下拉刷新没有问题,在@2斜线下拉,会触发轮播图和下拉刷新解决思路当手指按下的时候监听按下所在的位置,如果是在下拉刷新容器内,不做任务操作,如果是不在下拉刷新容器内,禁用下拉刷新第一步:封装带有禁用antd的list-viewimport { ListView as AntListView, PullToRefresh } from 'antd-mobile';import { ListViewProps } from 'antd-mobile原创 2021-01-27 18:52:05 · 486 阅读 · 0 评论 -
jsdoc/check-examples 报错
在写ts文档@example时报错错误很明显了,example中的写法不规范这样就可以了,因为 example 里边是代码也要格式化,这点挺好的原创 2020-07-31 18:35:57 · 238 阅读 · 0 评论 -
No inputs were found in config file ‘tsconfig.json‘. Specified ‘include‘ paths were
在用ts-loader打包????js的时候出现了这个错错误提示找不到我们对应的文件, 原因是我们使用的是tsconfig却要打包js, 只需要把tsconfig中的 allowJs 改为true就可以了{ "compilerOptions": { "allowJs": true, } }...原创 2020-07-07 20:01:49 · 11706 阅读 · 5 评论 -
lerna 项目 执行 yarn 子项目没有安装 node_modules
在父项目中package.json添加如下"workspaces": { "packages": [ "packages/*", "work/data", ] },在附项目根目录下执行yarn,子项目work/data没有安装依赖原因如下子项目中的package.json没有添加"version": “1.0.0”,添加好之后再执行就可以了{ "private": true, "name":原创 2020-07-07 18:50:05 · 3354 阅读 · 0 评论 -
React 模拟点击事件
imgRef.current.dispatchEvent(new MouseEvent('mouseout', { bubbles: true }));React模拟点击事件是用的原生模拟, 一定要加上{ bubbles: true }, 冒泡原创 2020-06-17 11:38:32 · 4962 阅读 · 0 评论 -
linux 无法识别node命令和npm命令
之前安装了node也部署了项目,可是最近去发现,node命令和 npm 命令 不能用了,但是nvm还是能用,百度google了许久尝试了很多都不行比如使用以下也不行解决办法重新使用nvm 指定 node 版本就这样node就又可以使用 了...原创 2020-05-25 15:10:09 · 1398 阅读 · 0 评论 -
js 解决精度问题
js 解决精度问题4.1*100 // 409.99999999999994解决办法:parseFloat((4.1*100).toPrecision(12)) // 410toPrecision ()https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Number/toPr...原创 2020-04-29 21:59:42 · 445 阅读 · 0 评论 -
git 不使用.gitignore 忽略某个文件
在git项目中 .git/info/exclude 这个文件里使用方式和 .gitignore 一样原创 2020-04-28 13:57:15 · 607 阅读 · 0 评论 -
uncaught at _callee3 at _callee3
在使用dva+ react的时候出现 uncaught at _callee3 at _callee3原因在dva的model中有异常抛出,或者报错了,没有处理解决在创建 dva的时候添加 onError 即可原创 2020-04-24 18:37:32 · 8188 阅读 · 5 评论 -
scope may not be empty [scope-empty]
git commit 提价报这个错✖ scope may not be empty [scope-empty]git commit -am 'feat: 提交内容'这个错误很明显了,没有添加范围,应为用到了lerna 管理父子项目加上范围就可以了git commit -am 'feat(modeA): 提交内容'最后根据这个地址找到了答案...原创 2020-04-03 00:56:55 · 2804 阅读 · 0 评论 -
OSS 上传文件 Provisional headers are shown
更具阿里云官网使用浏览器上传图片显示出现以下错误打开控制台出现以下错误这是由于跨域导致到解决办法,去阿里云控制台打开跨域权限即可原创 2020-04-02 10:34:16 · 1471 阅读 · 0 评论 -
ts 类型中 的&什么意思
ts类型中的&表示交集,两个类型都拥有的类型type Env1 = 'prod' | 'test' | 'dev';type Env2 = 'prod' | 'boe' | 'ppe';type EnvUnion = Env1 | Env2; // 'prod' | 'test' | 'dev' | 'boe' | 'ppe'type EnvInter = Env1 & ...原创 2020-03-24 20:45:12 · 11788 阅读 · 0 评论 -
command 'extension.cursorTip' not found
执行vscode插件快捷键无效比如之前添加了vscode插件 koroFileHeader , 后来又卸载了,原因是添加函数组件的时候,参数没有参数类型的提示,后来改用了 documentThis解决办法1:找到 该快捷键2: 右击删除![在这里插入图片描述](https://img-blog.csdnimg.cn/20200315140929142.png?x-oss-proces...原创 2020-03-15 14:13:08 · 4296 阅读 · 0 评论 -
vscode 快速修复 没有提示导入, Auto Import导入没有导入提示
vscode 快速修复 没有提示导入安装完Auto Import导入没有导入提示解决办法安装完Auto Import导入没有导入提示因为在整个项目中你没有导入过,所以找不到。解决办法第一次手动引入,在第二个文件中引入就会有自动提示了。...原创 2020-03-12 17:03:18 · 8398 阅读 · 0 评论