如何在未本地安装的Tailwind CSS 2.2 CLI中使用tailwindcss/defaultTheme模块

报错原因 #

未在项目本地安装Tailwind CSS依赖，项目node_modules目录下不存在对应的tailwindcss包，Node.js执行配置文件中的require('tailwindcss/defaultTheme')语句时无法定位到目标模块。

解决方案1（推荐）：本地安装Tailwind CSS依赖 #

该方案兼容性最好，后续维护成本最低：

• 若项目还没有package.json文件，先执行初始化命令：
  npm init -y
• 安装Tailwind CSS及相关依赖到开发依赖：
  npm install -D tailwindcss postcss autoprefixer
• 重新运行原有CLI命令即可，此时配置文件的require语句可以正常读取本地安装的模块。

解决方案2：无需本地安装，直接替换默认字体栈 #

如果确实不想在项目内安装依赖，可以直接把Tailwind默认的sans字体栈写入配置，无需导入defaultTheme，修改后的配置代码如下：

theme: {
    extend: {
      fontFamily: {
        sans: ['Lato', 'ui-sans-serif', 'system-ui', '-apple-system', 'BlinkMacSystemFont', "Segoe UI", 'Roboto', "Helvetica Neue", 'Arial', "Noto Sans", 'sans-serif', "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"],
      },
    },
  },

修改后直接运行原有CLI命令即可正常生效。

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