警告：入口點“angular-instantsearch”包含對“/node_modules/instantsearch.js/es/connectors”的深度導入

Question

在我的 Angular 應用程序 13.0.3 中安裝這兩個 package 之后。 我收到以下警告。

    "angular-instantsearch": "^4.1.0",

⠙ Generating server application bundles (phase: setup)...Warning: Entry point 'angular-instantsearch' contains deep imports into '
/node_modules/instantsearch.js/es/connectors', '
/node_modules/algoliasearch/lite', '
/node_modules/instantsearch.js/es/widgets/index/index', '
/node_modules/querystring-es3/encode', '
/node_modules/instantsearch.js/es/types', '
/node_modules/instantsearch.js/es/connectors/breadcrumb/connectBreadcrumb', '
/node_modules/instantsearch.js/es/connectors/clear-refinements/connectClearRefinements', '
/node_modules/instantsearch.js/es/connectors/configure-related-items/connectConfigureRelatedItems', '
/node_modules/instantsearch.js/es/connectors/configure/connectConfigure', '
/node_modules/instantsearch.js/es/connectors/current-refinements/connectCurrentRefinements', '
/node_modules/instantsearch.js/es/connectors/hierarchical-menu/connectHierarchicalMenu', '
/node_modules/instantsearch.js/es/connectors/hits-per-page/connectHitsPerPage', '
/node_modules/instantsearch.js/es/connectors/hits/connectHits', '
/node_modules/instantsearch.js/es/connectors/infinite-hits/connectInfiniteHits', '
/node_modules/instantsearch.js/es/connectors/menu/connectMenu', '
/node_modules/instantsearch.js/es/connectors/numeric-menu/connectNumericMenu', '
/node_modules/instantsearch.js/es/connectors/pagination/connectPagination', '
/node_modules/instantsearch.js/es/connectors/query-rules/connectQueryRules', '
/node_modules/instantsearch.js/es/connectors/range/connectRange', '
/node_modules/instantsearch.js/es/connectors/rating-menu/connectRatingMenu', '
/node_modules/instantsearch.js/es/connectors/refinement-list/connectRefinementList', '
/node_modules/instantsearch.js/es/connectors/search-box/connectSearchBox', '
/node_modules/instantsearch.js/es/connectors/sort-by/connectSortBy', '
/node_modules/instantsearch.js/es/connectors/stats/connectStats', '
/node_modules/instantsearch.js/es/connectors/toggle-refinement/connectToggleRefinement', '
/node_modules/instantsearch.js/es/connectors/voice-search/connectVoiceSearch'. This is probably not a problem, but may cause the compilation of entry points to be out of order.
✔ Server application bundle generation complete.

相關內容已在此處打開

構建和編譯成功，但我們怎樣才能擺脫這個消息呢？

Answer 1

您需要使用以下設置在項目的根目錄下創建一個 ngcc.config.js 文件：

module.exports = {
    // The packages that are configured by this project config.
    packages: {
        "angular-instantsearch": {
            // A collection of regexes that match deep imports to ignore, for this package, rather than displaying a warning.
            ignorableDeepImportMatchers: [/instantsearch.js\//, /algoliasearch\//, /querystring-es3\//],
        },
    },
};

Ngcc 是 Angular 兼容編譯器。 它用於使 View 引擎代碼與 Ivy 兼容。

由於angular-instantsearch還不兼容 Ivy，因此該編譯器必須接管並轉換它。 這樣做時，終端中會彈出一些關於深度導入的警告。 由於這些警告是誤報，我們可以使用配置中的ignorableDeepImportMatchers選項安全地忽略它們。

相關問題在 Github https://github.com/angular/angular/issues/35615