webstorm_bugfix
FIXED: taro TS2304: cannot find name definePageConfig
or defineAppConfig
对比之前跑通的葫芦心安发现,是 taro 脚手架的模板不同。
葫芦心安用的是云开发模板,而现在北京健康宝项目用的是 taro-ui 模板;
此外,云开发模板里使用了global.d.ts
:
而 taro-ui 模板里是没有的,尽管官方说 tato 3.4 里已经支持 definePageConfig
等两个宏变量。
结论!
脚手架谨慎用!
FIXED: XXX Component cannot be used as a JSX component
使用 yarn
重装一下,不要用 npm
。
其他升级 react 相关的、配置文件相关的都不管用。
FIXED: TypeError: this.cliEngine is not a constructor
ESLINT 6 需要 webstorm 2019.1.3 及以上才支持。
ESLINT 8 需要 webstorm 2021.2 及以上才支持。
ref:
FIXME: solve named capture
problem of webstorm
webstorm refactor(rename) too long time
ref:
✅ IDE prettier not work
It's awkward since I used to write a .prettierignore
(and then forgot) which disabled the prettier feature.
It's really like: when you use one way to solve out one problem, and then the one is the new problem.
breakpoint does not work when debug typescript
settings
Try to disable js.debugger.use.node.options
in WebStorm registry.
You can do it by going to Help -> Find Action
In there just enter Registry
.
ref:
usage
correct usage
Use the option of Debug TypeScript
.
wrong usage
Don't use the option of Debug 'db.ts'
.
Since it doesn't work.
commands comparison
# right
/usr/local/bin/node --require ts-node/register --inspect-brk=63590 /Users/mark/Documents/mark_projects/hjxh/hjxh_express_match/erb/src/main/db.ts
Debugger listening on ws://127.0.0.1:63590/eb5a68a9-6c82-4fa5-b432-f2daee811c0e
For help, see: https://nodejs.org/en/docs/inspector
Debugger attached.
# wrong
/usr/local/bin/node /Users/mark/Documents/mark_projects/hjxh/hjxh_express_match/erb/node_modules/ts-node/dist/bin.js /Users/mark/Documents/mark_projects/hjxh/hjxh_express_match/erb/src/main/db.ts
See! The key maybe --inspect-brk=63590
.
In fact, just use --inspect
is ok:
node --require ts-node/register --inspect src/main/db.ts
ref to: Debugging - Getting Started | Node.js
PASS: webstorm terminal overflow when log json.stringify
when log json, it's normal:
while using JSON.stringify
not, since 'percentage' is overflow...
suppress TS7016 Could not find a declaration file for module
I couldn't find where does it come from after searching all the possible keywords in webstorm settings relative to declaration
with typescript
.
Luckily, I came to know it's because of tsconfig.json
file that tells me the problem, and the method to suppress it is to allow implicit any
.
add ts-config.json
with "noImplicitAny": false
ref:
alias between eslint and webpack
yarn add -D eslint-import-resolver-alias
ref:
tailwindcss
auto-completion not work with WebStorm
It's a very tricky problem upon I turned into create-react-app + typescript + tailwindcss
development.
First, I just point out why does It happen -- It's all about compatibility(兼容性) problem, which has been a stereotype(陈词滥调).
All should thank to one inspirational(有启发性的) article when one managed to find the bug position in the dyed(染色的) log file after when he feedback to the jetbrains support team who asked him for the log which can be found here as the following screenshot:
And how to dye our target programme? It's rather easy just to modify the content of Debug Log Settings
, i.e. adding #com.intellij.taiwind:trace
.
Then I opened the log file in VSCode, and find the keyword of tailwindcss
from down to top. Luckily, the last one is just what I am looking for -- a perfect error -- which indicates me to upgrade the postcss
package up to 8.
Hence, after some delete and reinstall
some packages, especially the evil carco
which is unnecessary and harmful, and I finally managed to own the done-right tailwindcss intellisense.
Thanks again the one who 'taught' me to dye the log which is rather beneficial to me!
ref: