如何使用ui路由器在angular cli项目中设置guessjs

Question

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

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

这是自定义的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中指定的路由填充？

是否有任何单独的配置需要我进行设置，以便与UI Router一起使用？

角度：8.2.0UI路由器：4.0.0猜测解析器：0.4.12猜测网络包：0.4.12

谢谢你的帮助。

Answer 1

刚刚收到库所有者的响应-UI Router目前不受Guess.js的支持，仅受Angular应用程序的Angular Router的支持。希望这能有所帮助。