Augury调试工具报错‘Cannot read property '1' of null’的解决求助

Hey there, let's work through this Augury error you're hitting. That "Cannot read property '1' of null" message typically stems from compatibility issues between Augury and your Angular version, or conflicts with other developer tools in your stack. Here are the steps I'd recommend trying:

1. Confirm Augury's Angular 9 Compatibility #

Augury has tight version alignment with Angular releases. Since your project is on Angular 9.1.9, make sure you're using an Augury version that explicitly supports Angular 9. Older versions often struggle with the internal changes in newer Angular releases.

• Head to your browser's extension store (Chrome Web Store, Firefox Add-ons) and check if Augury is updated to the latest version that lists Angular 9 support. If updating doesn't help, you might need to roll back to a version known to work with Angular 9—you can find older versions in the extension's version history.

2. Check for Conflicts with NgRx Store Devtools #

You're using @ngrx/store-devtools in your project, and Augury can sometimes clash with Redux DevTools (which pairs with NgRx's devtools). Let's test this:

• Temporarily disable the Redux DevTools extension in your browser, then refresh your app and try Augury again.
• If that works, you can adjust your NgRx Store Devtools configuration to avoid future conflicts. Update your setup in app.module.ts like this:

  StoreDevtoolsModule.instrument({
    maxAge: 25,
    logOnly: environment.production,
    name: 'Protein Nutrition DevTools', // Give it a unique name
    autoPause: false
  })
  

3. Clear Augury's Cache #

Corrupted cache data is a common culprit for weird Augury bugs. Here's how to clear it:

• Open Chrome DevTools and switch to the Augury tab.
• Right-click anywhere in the Augury panel and select Clear Augury Cache.
• Refresh your Angular app and try loading Augury again.

4. Test with the Default Angular Dev Server #

You're using node server.js to start your app. Sometimes custom server setups can interfere with Augury's ability to hook into Angular's runtime. Try running ng serve instead temporarily—if Augury works with the default server, you'll know the issue is tied to your custom server configuration.

5. Reinstall the Augury Extension #

If all else fails, a fresh install can fix corrupted extension files:

• Remove Augury completely from your browser, restart the browser, then reinstall it from the extension store.

If none of these steps resolve the problem, could you share the exact version of Augury you're using (you can find this in your browser's extension settings)? That extra detail will help narrow down the issue further.

内容的提问来源于stack exchange，提问作者xpopqww