在 Angular 中导入模块并从 Scully 获取错误答案

【问题标题】：import module in Angular and get error from Scully在 Angular 中导入模块并从 Scully 获取错误
【发布时间】：2021-01-16 17:35:14
【问题描述】：

我尝试在我的 Angular 项目中使用 Scully。在 Angular 中，我有一些模块，我必须导入才能使用。但是当我尝试和 Scully 一起跑步时

npm run scully --scanRoutes --showGuessError

显示这个错误

属于多个模块：

PS C:\Users\sportident\Documents\sportident_web\SiWeb> npm run scully -- --scanRoutes --showGuessError

> si-web@0.0.0 scully C:\Users\sportident\Documents\sportident_web\SiWeb
> scully "--scanRoutes" "--showGuessError"

C:\Users\sportident\Documents\sportident_web\SiWeb C:\Users\sportident\Documents\sportident_web\SiWeb
0.0.93
 ☺   new Angular build imported
 ☺   Started servers in background
Finding all routes in application.
traversing app for routes
Error: Module C:\Users\sportident\Documents\sportident_web\SiWeb\src\app\home\home-routing.module.ts belongs to more than one module: C:\Users\sportident\Documents\sportident_web\SiWeb\src\app\home\home.module.ts, C:\Users\sportident\Documents\sportident_web\SiWeb\src\app\support\support.module.ts
    at Object.exports.getModuleEntryPoint (C:\Users\sportident\Documents\sportident_web\SiWeb\node_modules\guess-parser\dist\guess-parser\index.js:395:15)
    at C:\Users\sportident\Documents\sportident_web\SiWeb\node_modules\guess-parser\dist\guess-parser\index.js:943:40
    at visitTopLevelRoutes (C:\Users\sportident\Documents\sportident_web\SiWeb\node_modules\guess-parser\dist\guess-parser\index.js:910:13)
    at visitNodes (C:\Users\sportident\Documents\sportident_web\SiWeb\node_modules\typescript\lib\typescript.js:18440:30)
    at Object.forEachChild (C:\Users\sportident\Documents\sportident_web\SiWeb\node_modules\typescript\lib\typescript.js:18608:24)
    at NodeObject.forEachChild (C:\Users\sportident\Documents\sportident_web\SiWeb\node_modules\typescript\lib\typescript.js:134791:23)
    at visitTopLevelRoutes (C:\Users\sportident\Documents\sportident_web\SiWeb\node_modules\guess-parser\dist\guess-parser\index.js:913:15)
    at visitNode (C:\Users\sportident\Documents\sportident_web\SiWeb\node_modules\typescript\lib\typescript.js:18431:24)
    at Object.forEachChild (C:\Users\sportident\Documents\sportident_web\SiWeb\node_modules\typescript\lib\typescript.js:18525:21)
    at NodeObject.forEachChild (C:\Users\sportident\Documents\sportident_web\SiWeb\node_modules\typescript\lib\typescript.js:134791:23)

We encountered a problem while reading the routes from your applications source.
This might happen when there are lazy-loaded routes, that are not loaded,
Or when there are paths we can not resolve statically.
Check the routes in your app, rebuild and retry.
(You can inspect the error by passing the --showGuessError flag

When there are extraRoutes in your config, we will still try to render those.



FEHLER: Der Prozess "12072" wurde nicht gefunden.

有人可以请我如何解决这个错误吗？

更新

这是 ng build 的输出

PS C:\Users\sportident\Documents\GitHub\Scully\SiWeb> ng build
Generating ES5 bundles for differential loading...
ES5 bundle generation complete.

chunk {polyfills} polyfills-es2015.js, polyfills-es2015.js.map (polyfills) 281 kB [initial] [rendered]
chunk {center-center-module} center-center-module-es2015.js, center-center-module-es2015.js.map (center-center-module) 10.7 kB  [rendered]        
chunk {center-center-module} center-center-module-es5.js, center-center-module-es5.js.map (center-center-module) 12.1 kB  [rendered]
chunk {blog-blog-module} blog-blog-module-es2015.js, blog-blog-module-es2015.js.map (blog-blog-module) 8.29 kB  [rendered]
chunk {blog-blog-module} blog-blog-module-es5.js, blog-blog-module-es5.js.map (blog-blog-module) 9.91 kB  [rendered]
chunk {other-other-module} other-other-module-es2015.js, other-other-module-es2015.js.map (other-other-module) 8.19 kB  [rendered]
chunk {other-other-module} other-other-module-es5.js, other-other-module-es5.js.map (other-other-module) 9.97 kB  [rendered]
chunk {runtime} runtime-es2015.js, runtime-es2015.js.map (runtime) 9.36 kB [entry] [rendered]
chunk {runtime} runtime-es5.js, runtime-es5.js.map (runtime) 9.36 kB [entry] [rendered]
chunk {main} main-es2015.js, main-es2015.js.map (main) 13.2 kB [initial] [rendered]
chunk {service-service-module} service-service-module-es2015.js, service-service-module-es2015.js.map (service-service-module) 13.1 kB  [rendered]
chunk {service-service-module} service-service-module-es5.js, service-service-module-es5.js.map (service-service-module) 14.5 kB  [rendered]
chunk {support-support-module} support-support-module-es2015.js, support-support-module-es2015.js.map (support-support-module) 39.4 kB  [rendered]
chunk {support-support-module} support-support-module-es5.js, support-support-module-es5.js.map (support-support-module) 38.8 kB  [rendered]
chunk {styles} styles-es2015.js, styles-es2015.js.map (styles) 2.01 MB [initial] [rendered]
chunk {styles} styles-es5.js, styles-es5.js.map (styles) 2.01 MB [initial] [rendered]
chunk {polyfills-es5} polyfills-es5.js, polyfills-es5.js.map (polyfills-es5) 718 kB [initial] [rendered]
chunk {default~home-home-module~support-support-module} default~home-home-module~support-support-module-es2015.js, default~home-home-module~support-support-module-es2015.js.map (default~home-home-module~support-support-module) 948 kB  [rendered]
chunk {default~home-home-module~support-support-module} default~home-home-module~support-support-module-es5.js, default~home-home-module~support-support-module-es5.js.map (default~home-home-module~support-support-module) 1.04 MB  [rendered]

使用 ng build --prod 更新

这是 ng build --prod 的输出

PS C:\Users\sportident\Documents\GitHub\Scully> ng build --prod
Generating ES5 bundles for differential loading...
ES5 bundle generation complete.

chunk {1} runtime-es2015.ec43354ddae7200524e5.js (runtime) 2.38 kB [entry] [rendered]
chunk {1} runtime-es5.ec43354ddae7200524e5.js (runtime) 2.38 kB [entry] [rendered]
chunk {3} polyfills-es2015.a06690f5899d30d926de.js (polyfills) 38.1 kB [initial] [rendered]
chunk {7} 7-es2015.44ea9a7d54a26a525593.js () 1.45 kB  [rendered]
chunk {7} 7-es5.44ea9a7d54a26a525593.js () 1.92 kB  [rendered]
chunk {8} 8-es2015.623601e1c9c733cffb63.js () 3.83 kB  [rendered]
chunk {8} 8-es5.623601e1c9c733cffb63.js () 4.28 kB  [rendered]
chunk {9} 9-es2015.779766a928981da4e7e7.js () 2.53 kB  [rendered]
chunk {9} 9-es5.779766a928981da4e7e7.js () 3.08 kB  [rendered]
chunk {10} 10-es2015.f825390b906e1c87c0b5.js () 5.55 kB  [rendered]
chunk {10} 10-es5.f825390b906e1c87c0b5.js () 6 kB  [rendered]
chunk {11} 11-es2015.97f0f0a20b472ec18323.js () 20.3 kB  [rendered]
chunk {11} 11-es5.97f0f0a20b472ec18323.js () 21 kB  [rendered]
chunk {0} 0-es2015.60ea92d6ab2031a0dbec.js () 162 kB  [rendered]
chunk {0} 0-es5.60ea92d6ab2031a0dbec.js () 174 kB  [rendered]
chunk {4} polyfills-es5.5089fdacfadacafffdff.js (polyfills-es5) 131 kB [initial] [rendered]
chunk {2} main-es2015.f2a2cccf2f7b508db936.js (main) 375 kB [initial] [rendered]
chunk {2} main-es5.f2a2cccf2f7b508db936.js (main) 446 kB [initial] [rendered]
chunk {6} 6-es2015.a1a64491bbdb43c56434.js () 673 kB  [rendered]
chunk {6} 6-es5.a1a64491bbdb43c56434.js () 823 kB  [rendered]
chunk {5} styles.2c69555aa35ac891d5f5.css (styles) 151 kB [initial] [rendered]
chunk {scripts} scripts.debb52132dd62a12c627.js (scripts) 145 kB [entry] [rendered]
Date: 2020-07-27T13:08:34.973Z - Hash: 5dbf1fa9b46942db407e - Time: 88346ms

【问题讨论】：

当您简单地使用 ng build --prod 构建应用时会发生什么？
感谢@mike 的提问。我已经更新了它。请看一下
好吧，你似乎没有进行产品构建。但是，我的猜测是这可能不是一个问题。该错误表明您的模块设置不正确（即一个组件包含在多个模块中）。产品构建应该给你同样的错误..
我已经用 ng build --prod @MikeOne 进行了更新，但看起来一样。
对。我认为您必须查看它报告的双重导入..

标签： angular import build scullyio

【解决方案1】：

这是我们用来在您的应用程序中查找路由的猜测解析器偶尔会发生的事情。

您可以使用 GuessParserOptions，并设置 excludeFiles，如下图所示

  export const config={
    handle404: 'baseOnly',
    thumbnails: true,
    /**
    * Add all the routes that give this issue in the excludedFiles array
    */
    guessParserOptions: {
      excludedFiles: ['\src\app\home\home-routing.module.ts'],
    },
    routes: {
      '/demo/:id': {
        type: 'extra',
        numberOfPages: 5,
      },
    },
  } as ScullyConfig;

【讨论】：