Question

我在调试preact项目时遇到某种问题，大多数js错误也未显示在控制台中。

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

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

当我单击按钮时，没有错误显示“未定义someUnknownVariable”，其他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");
}

这是我升级预先版本后发生的，请提供任何帮助。

Answer 1

问题出在错误window.addEventListener('error', function(event) {});上的旧eventListener上，导致过早的调试问题，当我将其删除后，问题就解决了

升级Preact版本后，debug无法正常工作

1 个答案: