如何使用 ui-router 在 Angular cli 项目中设置guessjs？答案

【问题标题】：How to setup guessjs in an angular cli project using the ui-router?如何使用 ui-router 在 Angular cli 项目中设置guessjs？
【发布时间】：2019-11-12 01:05:05
【问题描述】：

我正在尝试设置guessjs 以通过静态routes.json 文件预取我的一些模块。该项目使用带有自定义 webpack 配置的 angular cli，如此处所述 https://guess-js.github.io/docs/angular

但是，该项目使用 UI 路由器而不是 Angular 路由器模块进行路由。

这是自定义 webpack 配置文件

new GuessPlugin({
            // Alternatively you can provide a Google Analytics View ID
            // GA: 'XXXXXX',
            reportProvider() {
                return Promise.resolve(
                    JSON.parse(
                        require('fs')
                        .readFileSync(helpers.root('src/routes.json'))
                    )
                );
            },
            runtime: {
                delegate: false
            },
            routeProvider() {
                return parseRoutes('.');
            }
        })

这是自定义的routes.json 文件

{
    "/": {
        "/connection": 50
    }
}

这是在我的app.routes.ts 文件中

    {
        name: 'connection.**',
        url: '/connection',
        loadChildren: () => import('../connection/connection.module').then((m) => m.ConnectionModule)
    },

当我运行构建时，在终端中我看不到表中的任何映射


???? Guess.js introduced the following prefetching instructions:
INFO::1573516022471:: 

╔════════════╤════════╤═════════════╗
║ Prefetcher │ Target │ Probability ║
╚════════════╧════════╧═════════════╝

这张桌子是空的。我相信这个表应该填充routes.json中指定的路由？

是否有任何单独的配置我需要设置guessjs 才能与UI Router 一起使用？

角度：8.2.0 用户界面路由器：4.0.0 猜测解析器：0.4.12 猜测webpack：0.4.12

感谢您的帮助。

【问题讨论】：

标签： angular angular-ui-router angular-cli guess.js

【解决方案1】：

刚刚收到库所有者的回复 - Guess.js 目前不支持 UI Router，只有 Angular Router 支持 Angular 应用程序。希望这会有所帮助。

【讨论】：