在React中获取客户端浏览器语言的方法是使用navigator.language或navigator.userLanguage属性。这两个属性返回的值是字符串，表示浏览器当前使用的语言和区域设置。

以下是一个获取浏览器语言的示例代码：

function getBrowserLanguage() {
  const language = navigator.language || navigator.userLanguage;
  return language;
}

// 调用函数并输出结果
console.log(getBrowserLanguage());

上述代码将会打印浏览器当前使用的语言和区域设置，例如 "en-US" 或 "zh-CN"。

在React中实现多语言可以通过使用国际化库来完成。常见的国际化库有：

• react-intl
• i18next
• formatjs

这些库都提供了一系列API和工具，方便我们在React应用中实现多语言支持。

以下是一个使用react-intl库实现多语言的示例：

1. 安装react-intl库和所需的语言包：

npm install react-intl --save
npm install react-intl/locale-data/en --save # 英文语言包
npm install react-intl/locale-data/zh --save # 中文语言包

2. 创建语言配置文件messages.js：

const messages = {
  en: {
    greeting: 'Hello World!',
    buttonLabel: 'Click me'
  },
  zh: {
    greeting: '你好，世界！',
    buttonLabel: '点击我'
  }
};

export default messages;

3. 在应用中引入react-intl库，并将语言配置文件传递给IntlProvider组件：

import React from 'react';
import { IntlProvider, FormattedMessage } from 'react-intl';
import messages from './messages';

function App() {
  const language = navigator.language || navigator.userLanguage;

  return (
    <IntlProvider locale={language} messages={messages[language]}>
      <div>
        <FormattedMessage id="greeting" />
        <button>
          <FormattedMessage id="buttonLabel" />
        </button>
      </div>
    </IntlProvider>
  );
}

export default App;

在上述代码中，我们首先获取了浏览器语言，然后将其传递给IntlProvider组件的locale属性。同时，我们还将语言配置文件中对应语言的对象传递给messages属性。

在组件中，我们使用FormattedMessage组件来渲染文本，并使用id属性指定要显示的文本，在语言配置文件中定义对应的文本即可。

以上就是一个简单的使用react-intl实现多语言的示例。

这个错误可能是因为你的代码中引入了一个不存在的模块。可以检查一下你的代码中是否存在import { lang } from 'locale/lang'这样的语句，如果存在，请确保locale/lang这个模块已经正确安装或者存在于你的项目目录中，并且文件名和路径都是正确的。

如果确信locale/lang模块已经正确安装或者存在于项目目录中，但还是无法找到它，那么有可能是你的webpack配置出现了问题。可以检查一下webpack配置文件中是否包含了正确的解析路径。例如，在webpack配置文件中添加以下代码：

module.exports = {
  //...
  resolve: {
    extensions: ['.js', '.jsx', '.ts', '.tsx'],
    alias: {
      locale: path.resolve(__dirname, 'src/locale'),
    },
  },
};

上面的代码将src/locale目录映射为locale别名，这样在代码中就可以使用import { lang } from 'locale/lang'来引用src/locale/lang.js文件了。

tsconfig.json文件用于配置TypeScript编译器的选项。其中，compilerOptions节点下的baseUrl和paths属性是用来配置模块解析规则的。

在你的代码中使用别名时，比如import { lang } from 'locale/lang'，TypeScript编译器会根据baseUrl和paths属性来自动解析对应的模块路径。在你的示例中，"baseUrl": "."表示将当前目录作为基准路径，"@/*"、"pages/*"和"locale/*"则是定义的三个模块别名。

例如，当你在代码中使用import { lang } from 'locale/lang'语句时，TypeScript编译器会自动将路径解析为src/locale/lang.ts或src/locale/lang.js（后缀根据具体情况而定），从而实现了模块路径的简化。

需要注意的是，在使用别名的同时，你还需要正确安装对应的模块或者确保文件路径存在。否则会出现类似“Module not found: Can't resolve 'locale/lang'”这样的错误。