如何使用 tailwindcss 将 styles 文件夹移动到 nextjs typescript 中的 src 文件夹？

Question

我正在将 nextjs 与 typescript 和 tailwindcss 一起使用。我想将styles文件夹移动到src文件夹，我已经在文件中添加了baseUrl值src选项tsconfig.json，但出现了如下错误：

    ./node_modules/next/dist/compiled/css-loader/cjs.js??ruleSet[1].rules[2].oneOf[5].use[1]!./node_modules/next/dist/compiled/postcss-loader/cjs.js??ruleSet[1].rules[2].oneOf[5].use[2]!./node_modules/tailwindcss/tailwind.css
TypeError: Object.fromEntries is not a function

以及如何将 styles 文件夹移动到 src 文件夹，我想让我的文件夹结构更简单。谢谢

Answer 1

删除该.next文件夹，然后再次运行开发服务器（使用npm run dev）。

这对我来说有效。我猜这是某种缓存问题。显然，您需要更改tailwind.config.js内容应检查的位置./src/**/*.{js,jsx,ts,tsx}而不是./pages/**/*.{js,jsx,ts,tsx}.

Answer 2

配置文件必须存储在主根目录中，例如 next.config.js 。但样式文件可以存储在 src 目录中。阅读此文档： https: //tailwindcss.com/docs/guides/nextjs