升级 Preact 版本后调试无法正常工作

Question

我在调试我的 preact 项目时遇到了一些问题，大多数 js 错误都没有显示在控制台中。

例如，我将此代码添加到我的组件中：

<button onClick={() => {
  const someVar = someUnknownVariable;
}}>
  fire error
</button>

当我点击按钮时，没有出现错误，说 someUnknownVariable is not defined，其他 js 错误也没有出现。

这是我的 preact.config.js 文件：

import compose from 'lodash.compose';
export default (config, env, helpers) => {
  return compose(addEmotionPlugin, configRules)(config, env, helpers);
};
function addEmotionPlugin(config) {
  let babel = config.module.rules.filter(loader => loader.loader === 'babel-loader')[0]
    .options;
  babel.plugins.push([
    'emotion',
    {
      hoist: true,
      sourceMap: false,
      autoLabel: true,
      labelFormat: '[local]',
      extractStatic: false,
      outputDir: '',
    },
  ]);
  return config;
}
function configRules(config, env) {
  if (env.isProd) {
    config.devtool = 'source-map';
    config.output.filename = '[name].js';
    config.output.publicPath = process.env.NODE_ASSETS || '/';
  }
  return config;
}

在我的 index.js 文件中，开头有这段代码。

if (process.env.NODE_ENV==='development') {
  require("preact/debug");
}

这是我升级preact版本后发生的，请帮忙。

Answer 1

问题来自旧的 eventListener 错误 window.addEventListener('error', function(event) {}); 导致预调试问题，当我删除它时问题解决了

升级 Preact 版本后调试无法正常工作

debug is not working propely after upgrading Preact version

javascript

debugging

webpack

preact