这看起来是由于Tailwind输入其resolveConfig返回值时使用的联合类型导致的问题。（同样地，无论fullConfig.theme.colors["blue"]是字符串，color-group对象或颜色函数）-大概这是因为这个决定留给用户的tailwind.conf实现选择，而Tailwind并不推断它。
解决这个问题最简单的方法可能是编写您自己的函数，该函数接受您试图使用的联合类型的值，并只返回您想要的特定类型，例如。

import _ from 'lodash';

const asColorObject = (
  input: TailwindThemeColors | undefined,
): Exclude<typeof input, Function | undefined> => {
  if (_.isFunction(input) || !input) throw new Error();
  return input;
};

const fullConfig = resolveConfig(tailwindConfig);
const colorBlue = asColorObject(fullConfig.theme.colors)['blue'];

至于为什么导入Tailwind配置时会出错，请检查TSConfig中compilerOptions中的allowJs和checkJS键。否则，如果您使用Create React App，则根本不可能这样做，因为您无法从src文件夹之外导入文件。

我想也许你可以用tailwind默认的config类型来解决，这样：

import resolveConfig from 'tailwindcss/resolveConfig'
import tailwindConfig from 'tailwind.config'
import { TailwindConfigDefault } from 'tailwindcss/tailwind-config-default'
import { TailwindConfig } from 'tailwindcss/tailwind-config'

export default resolveConfig(tailwindConfig as TailwindConfig) as TailwindConfigDefault & {
  theme: {
    colors: {
      main: {
        light: 'var(--color-main-light)'
        dark: 'var(--color-main-dark)'
      }
    }
  }
  // other custom config
}

回答最初的问题#1。
不知何故， typescript 不能给予你正确的打字时这样做：

import tailwindConfig from 'tailwind-config'
// or so:
import * as tailwindConfig from 'tailwind-config'

所以我想，我实际上只需要theme（content只是Config类型中需要的），结果如下：

import { content, theme } from 'tailwind-config'; // just an alias for the tailwind.config.js
import resolveConfig from 'tailwindcss/resolveConfig';

const fullConfig = resolveConfig({
  content,
  theme,
});

const foo = fullConfig.theme.colors['black-1']; // foo: string;

这里唯一的问题是我不能在配置文件本身中有/** @type {import('tailwindcss').Config} */，因为IDE从那里开始解析类型，而不是配置对象。
至于第二个问题，我相信在tsconfig.json的compilerOptions中添加"allowJs": true就可以了。