原创 rollup打包組件的dist下沒有src導致項目引用找不到……

一個自己寫的組件npm run build執行rollup的打包,雖然沒有報錯,但是dist下沒有src,導致項目引用的時候找不到…… 我記得之前寫新組件時也遇到了這種問題,一直以爲是源碼的src寫得不對,刪這刪那發現還是沒有src……r

原创 npm install安裝包後,運行npm start提示的版本衝突

真煩npm install的前端,運行一個同事的項目要麼裝得超級超級慢,要麼裝了以後說引用包有衝突,npm intall成功後,npm start卻跑不起來。 To fix the dependency tree, try follow

原创 storybook增加實時交互代碼修改顯示結果(React+TypeScript)

總結一下storybook增加實時交互代碼修改顯示結果,自動生成API的Demo頁的操作。(React+TypeScript架構) 對比圖: vs 第一步,由於我先前使用的storybook是3.4.1,而參考的例子:https://w

原创 react引用react-spring的小問題

昨天引入react-spring後,本來在storybook裏運行得好好的,突然報錯: error TS2305: Module '"../@types/react"' has no exported member 'ForwardRef

原创 HEX對應的透明度問題

平常一直是用谷歌瀏覽器調試css的顏色,所以HEX的末兩位是透明度。 但今天對接一個服務,發現末兩位怎麼調都不對,搜了一下才發現,原來還有前兩位是透明度的情況……

原创 linux下服務get請求發生400的問題

今天遇到個鬱悶的問題,平時在windows系統一直跑得好好的服務,在linux下圖片請求出問題了……報了個莫名其妙的400問題。雖然我也懷疑問題出在params={%22cols%22:%22{\%22id\%22:6}%22}參數上,但

原创 React與hook的二三事

本來新出的hook應該是個好用的東西,但是我在組件中使用沒有任何問題,項目去引用這組件時卻報了個: Invalid hook call. Hooks can only be called inside of the body of a f

原创 XMLHttpRequest的POST同步請求代碼

原生JS的異步POST請求回調代碼如下: function test(url, param, callback) {     var xmlhttp = new XMLHttpRequest();     xmlhttp.open("PO

原创 nodejs跨域請求涉及到的一些問題

自己試了好久,終於把node.js的代理問題弄清了個大概。首先我本地項目在跨域方面會先請求一個options,成功後纔會請求post,於是我一開始在代理中用的代碼: const express = require('express');

原创 對象數組的排序與去重,js & es6

對象數組爲objList,先根據屬性TIME把最近的時間往前排(replace是爲了把時間字符串裏的符號去掉,才能做比較),再根據屬性ID,把重複的值去掉。 最後獲取到數組對象的最新值: const res = new Map(); c

原创 接口數據格式引發的問題

折磨我4個多小時的代理問題終於解決了,原本以爲只要把之前寫的代理複製粘貼改個IP端口就好,誰知它老是請求錯誤。明明POSTMAN請求原端口好好的,一請求代理就發生怪事:x-www-form-urlencoded不能,而form-data是

原创 div自適應剩餘高度,css

外div包含了上中下三個子div,最下面子div高度自適應。 本來還在想用absolute,height:100%之類方法,但怎麼試怎麼不對。後來搜到box-sizing突然想起一直用的flex,其實把父div設成縱向:flex-dire

原创 Typesctript和React的二三事

折磨了我近一個星期的問題終於找到了答案,一開始我只是想一個項目的mapbox地圖放到另一個項目的storybook上用,但是首先迎面而來的問題就是:我明明按另一個文件安裝了相同的包,另一邊卻報錯,明明聲明文件我也複製了,可還是說:Name

原创 小問題引發的大量浪費時間

2019.7.23 項目裏一直用的是Blueprint作爲外觀組件,在<MultiSelect />的itemRenderer方法裏我引用了同樣爲該組件的<Menu />,然後就產生了這樣的問題——測試環境非常正常,一build到正式環境

原创 元素類型“QrCode”不具有任何構造簽名或調用簽名

用了這麼久的Typescript我都沒有察覺……直到今天引用二維碼組件qrcode.react時報了個元素類型“QrCode”不具有任何構造簽名或調用簽名的錯,原來只是缺少一個ts聲明文件…… 本來只是這個小問題,讓我以爲它不能用,又去找