Next JS 13.4添加apple-mobile-web-app-title元标签失败求助

Next.js 13.4的Metadata API并没有内置appleMobileWebAppTitle字段，所以你之前的配置无法生成对应的meta标签，以下两种方案可以解决这个问题：

方案一：使用metadata的other字段 #

通过other属性添加自定义元标签，这是Next.js官方支持的自定义meta标签方式：

export const metadata = {
  title: 'MessageMoment - The real meaning to personal!',
  description: 'MessageMoment - The real meaning to personal!',
  creator: 'Chandan Sayed',
  short_name: 'MessageMoment',
  applicationName: 'MessageMoment',
  siteName: 'MessageMoment',
  other: {
    'apple-mobile-web-app-title': 'MessageMoment'
  }
}

方案二：在根布局中手动插入meta标签 #

如果方案一未生效，可以直接在app/layout.jsx的<head>区域手动添加该标签：

export const metadata = {
  title: 'MessageMoment - The real meaning to personal!',
  description: 'MessageMoment - The real meaning to personal!',
  creator: 'Chandan Sayed',
  short_name: 'MessageMoment',
  applicationName: 'MessageMoment',
  siteName: 'MessageMoment',
};

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <head>
        <meta name="apple-mobile-web-app-title" content="MessageMoment" />
      </head>
      <body>{children}</body>
    </html>
  );
}

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