React Developer Tools показывает «Ожидание загрузки корней ...» - PullRequest
Новая
       9

React Developer Tools показывает «Ожидание загрузки корней ...»

0 голосов
/ 26 марта 2019

Я только что перешел на Preact 8.4.2 и хотел бы, чтобы React Developer Tools также работали.В мой 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

У меня была загрузка только файлов .jsx с помощью babel-loader (не .js), поэтому я добавил дополнительную запись в свой файл webpack.config.js: 

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

После добавления этой записи я могу строить без проблем, но мои инструменты разработчика React просто показывают:

Ожидание загрузки корней ... для перезагрузки инспектора[нажмите здесь]

1 Ответ

0 голосов
/ 11 апреля 2019

Что-то не так с вашим приложением preact или вашей конфигурацией webpack. Я только что решил похожую проблему.

Первый шаг, проверьте, если это ваш преакт. Если у вас нет ошибок консоли, поместите ваш преакт в этот рабочий шаблон (вам нужно будет немного переделать, чтобы он заработал) https://github.com/developit/preact-boilerplate

Если после запуска вашего кода Devtools работает как положено, значит, что-то не так с вашей сборкой. В этом случае он превращается в игру построчно, обновляя вашу (в основном) рабочую сборку, чтобы она соответствовала preact-шаблону.

В моем случае, я включил "src" в мое решение для веб-пакета. Это не вызвало ошибок в терминале / консоли, и сборка работала совершенно иначе. Как только я нашел его, devtools начал работать.

...