ngxs - 在 "export ' 中找不到 '@ngxs/store' StateContext' 的 NXGS 警告

Question

我正在使用 NWRL NX，其中一个库使用 NXGS (3.6.2) 作为应用程序的共享状态库。

运行应用程序时，我收到警告 export 'StateContext' was not found in '@ngxs/store并引用 StateContext 的 Action 类型，例如下面的示例函数:

@Action(FundListActions.Fetch)
fetch({ setState, getState, dispatch}: StateContext < StateModel > ) {
    const state = getState();
    setState({
        ...state,
        loaded: false,
        loading: true,
        error: null,
    });
}

NXGS 正在按预期运行，但我想知道如何修复此警告消息

Answer 1

来自 https://github.com/TypeStrong/ts-loader/issues/653#issuecomment-390889335 ，找到了以下为我修复此错误的本土 webpack 插件:

const ModuleDependencyWarning = require("webpack/lib/ModuleDependencyWarning")

module.exports = class IgnoreNotFoundExportPlugin {
  apply(compiler) {
    const messageRegExp = /export '.*'( \(reexported as '.*'\))? was not found in/
    function doneHook(stats) {
      stats.compilation.warnings = stats.compilation.warnings.filter(function(warn) {
        return !(warn instanceof ModuleDependencyWarning && messageRegExp.test(warn.message));
      })
    }
    if (compiler.hooks) {
      compiler.hooks.done.tap("IgnoreNotFoundExportPlugin", doneHook);
    } else {
      compiler.plugin("done", doneHook);
    }
  }
}

还有我的 webpack.config.js 故事书:

const IgnoreNotFoundExportPlugin = require('./ignore_not_found_export_plugin');

module.exports = async({config, mode}) => {
   // ...

   config.plugins = config.plugins || [];
   config.plugins.push(new IgnoreNotFoundExportPlugin());

   return config;
}