将 React 开发工具与 Preact 一起使用

Posted 2023-02-16

【中文标题】将 React 开发工具与 Preact 一起使用

【英文标题】：Using React Dev Tools with Preact

【发布时间】：2017-07-08 17:38:30

【问题描述】：

我刚刚启动并运行了preact-redux-example，现在我正在尝试在我的应用中使用 Preact Dev Tools。

基于this post，我认为这是添加的情况

import 'preact/devtools'

进入入口点 (app.js) 文件。

但是，这会产生以下错误：

./src/components/app.js
Module not found: Error: Cannot resolve module 'preact/devtools'

还有什么我需要安装的，还是我走错了路？

【参考方案1】：

preact/devtools 已登陆版本6.4.0，但示例项目使用版本4.8.0。所以你需要升级 preact 版本才能导入它：

npm install --save preact@latest

或者，如果您使用的是 yarn，您可以运行：

yarn upgrade preact

【讨论】：

对于使用 preact X 来到这里的人，有一个待定的 PR 来让最新的 react 开发工具工作：github.com/preactjs/preact/pull/1549