search

tjx666 / awesome-chrome-extension-boilerplate

Use react + typescript + webpack to enhance your chrome extension development experience
MIT License
405 stars 45 forks source link

请教如何激活react-devtools 还是有问题 #43

Open zeroarst opened 1 year ago

zeroarst commented 1 year ago

先说我其实是使用这个模版https://github.com/lxieyang/chrome-extension-boilerplate-react 但看到你在官网有发问怎么激活react-devtools https://github.com/facebook/react/issues/24844 你说你有加react-devtools在每个entry前了，但是不工作，后来你又发了一个commit https://github.com/tjx666/awesome-chrome-extension-boilerplate/commit/5d426a3da3f629906bc4f99d6de9d3be5012e3b0 看起来是要自己加tag? 一路找到你这里的repo，又找到了这篇: https://github.com/tjx666/awesome-chrome-extension-boilerplate/issues/39 你又说加官网说的加entry，可是上面不是说不能工作了吗?

我自己是照了react官网作: 添加了依赖 image

加了 'react-devtools' 到每个entry最前面 image

我是先手动激活专案下的 npx react-devtools 然后跑专案 console出错Uncaught TypeError: hook.sub is not a function image

怎么样都修不好啊…请教我还可能漏了什么吗?

tjx666 commented 1 year ago

要自己加 tag:https://github.com/tjx666/awesome-chrome-extension-boilerplate/blob/manifest-v3/server/configs/webpack.common.ts#L160