How to grap account's ID or record id(e.g. "0015g00000Bkgg6AAB") on the account record page

Question

I have a custom LWC widget in Account record page, when page loaded my widget, I need to know the account's ID or record id(e.g. "0015g00000Bkgg6AAB"), my testing code below:

import { LightningElement, wire } from 'lwc';
import { getRecord, getFieldValue } from 'lightning/uiRecordApi';

const fields = [NAME_FIELD, REVENUE_FIELD, BillingAddress_FIELD];
export default class AccountCreator extends LightningElement {
  @wire(getRecord, { recordId: '$recordId', fields })
  account;
  get name() {
    return getFieldValue(this.account.data,NAME_FIELD);
  }
  get revenue() {
    return getFieldValue(this.account.data, REVENUE_FIELD);
  }
  get address() {
    return getFieldValue(this.account.data, BillingAddress_FIELD);
  }
}

Answer 1

Add these two lines in your class

import { LightningElement, wire, api } from 'lwc';   // 1 - add "api"
export default class AccountCreator extends LightningElement {
    @api recordId; // 2 - add variable to magically store the current record's id
}

There are 2 special variables for learning current record's id and current sObject type (if you want to build component that behaves differently when dropped on different pages). Some more info here: https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.use_record_context

Your code looks like you copied from an example, your @wire already listens to changes of the recordId - you just didn't have this variable defined.