@@ -45,7 +45,11 @@ export function setupPlugin (api: DevtoolsApi, app: App, Vue) {
45
45
46
46
api . on . getInspectorTree ( payload => {
47
47
if ( payload . inspectorId === ROUTER_INSPECTOR_ID ) {
48
- payload . rootNodes = router . options . routes . map ( route => formatRouteNode ( router , route , '' , payload . filter ) ) . filter ( Boolean )
48
+ if ( router . options . routes ) {
49
+ payload . rootNodes = router . options . routes . map ( route => formatRouteNode ( router , route , '' , payload . filter ) ) . filter ( Boolean )
50
+ } else {
51
+ console . warn ( `[Vue Devtools] No routes found in router` , router . options )
52
+ }
49
53
}
50
54
} )
51
55
@@ -392,7 +396,7 @@ function formatStoreForInspectorTree (module, moduleName: string, path: string):
392
396
// nested/cart/ -> cart
393
397
label : moduleName ,
394
398
tags : module . namespaced ? [ TAG_NAMESPACED ] : [ ] ,
395
- children : Object . keys ( module . _children ) . map ( ( key ) =>
399
+ children : Object . keys ( module . _children ?? { } ) . map ( ( key ) =>
396
400
formatStoreForInspectorTree (
397
401
module . _children [ key ] ,
398
402
key ,
@@ -421,7 +425,7 @@ function extractNameFromPath (path: string) {
421
425
422
426
function formatStoreForInspectorState ( module , getters , path ) : CustomInspectorState {
423
427
const storeState : CustomInspectorState = {
424
- state : Object . keys ( module . context . state ) . map ( ( key ) => ( {
428
+ state : Object . keys ( module . context . state ?? { } ) . map ( ( key ) => ( {
425
429
key,
426
430
editable : true ,
427
431
value : module . context . state [ key ] ,
0 commit comments