即使 tailwind.config.js 文件存在，也找不到模块“tailwind-config/tailwind.config.js”（小说编辑器）

Question

我克隆了 Novel 存储库 (https://github.com/steven-tey/novel) 并继续使用 Yarn 构建包含在

novel/apps/web

文件夹中的 NextJS Web 应用程序。我在顶级文件夹中运行

yarn

来安装依赖项，并在

yarn dev

文件夹中运行

apps/web

来构建应用程序。该应用程序在浏览器上加载时崩溃并产生以下错误：

./styles/globals.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[12].use[3]!./styles/globals.css
Error: Cannot find module 'tailwind-config/tailwind.config.js'
Require stack:
- /Users/levita/novel/apps/web/tailwind.config.js

但是，文件

tailwind.config.js

存在于我运行

novel/apps/web

命令的

yarn dev

文件夹中。

我尝试按照

Tailwind 安装说明

运行 npx tailwindcss init 来初始化 Tailwind。然而，我收到以下消息：

tailwind.config.js already exists.

所以配置文件似乎位于正确的位置，但如果是这样，为什么应用程序会崩溃以及如何修复它？

Answer 1

项目中包含的

tailwind.config.js

文件似乎需要第二个“共享配置”文件：

/** @type {import('tailwindcss').Config} */
const sharedConfig = require("tailwind-config/tailwind.config.js");

module.exports = {
  presets: [sharedConfig],
};

但是，

apps/web/node_modules/tailwind-config

中不存在第二个配置文件。因此缺少模块。

如何解决？一般来说，我仍在学习 Tailwind 和 Web 开发，因此尽管我所做的可以加载应用程序，但它可能会在以后引起问题。我假设示例配置（如安装页面所示）将具有良好的默认值，因此我用示例

tailwind.config.js

替换了原始的

tailwind.config.js

：

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

结果是应用程序不再搜索共享配置并且 Web 应用程序加载。