工具显示“等待根加载.”

Question

我刚刚切换到Preact 8.4.2，并希望将工具也用于工作。在我的webpack.config.js中，我添加了：

alias: {
            react: 'preact-compat',
            'react-dom': 'preact-compat'
        } 

在我的条目.js文件中，我添加了：require('preact/debug');

添加这些内容后，我在尝试构建以下内容时遇到了一个错误：

Module parse failed: /myProject/node_modules/preact/src/preact.js Line 1: Unexpected token
You may need an appropriate loader to handle this file type.
| import { h, h as createElement } from './h';
| import { cloneElement } from './clone-element';
| import { Component } from './component';
 @ ./~/preact/debug.js 6:14-31

我只在babel加载器中加载了.jsx文件(而不是.js)，因此我在.js文件中添加了一个附加条目：

         {
             test: /\.js$/,
             include: /node_modules\/preact/,
             loader: 'babel-loader'
         },

在添加这个条目之后，我能够构建而没有问题，但是我的工具只显示了：

等待根部装载..。若要重新加载检查器，请单击此处

Answer 1

你的预演应用或者webpack的配置都有问题。我刚解决了一个类似的问题。

第一步，检查一下这是否是你的前提。如果您没有控制台错误，请将您的预动作放到这个工作样板中(您需要重新布线才能使它正常工作) https://github.com/developit/preact-boilerplate

如果在启动代码之后，Devtools按预期工作，那么您的构建就有问题了。在这种情况下，它变成一个逐行的游戏，更新你(大部分)的工作构建，以匹配动作前样板。

在我的例子中，我在webpack的决心中包括了"src“。这不会在终端/控制台中抛出错误，否则构建将完全正常运行。一旦我找到它，devtools就开始工作了。