类型错误：无法读取在运行微任务时未定义的属性"主题"

Question

我目前面临一个一无所知的问题。

我正在使用Next.JS、TailwinCSS、Npm和vercel构建一个应用程序进行部署。

事实上，当我启动服务器时，我遇到了这个问题(在Vercel上部署时也是如此(：

./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/react-loader-spinner/dist/loader/css/react-spinner-loader.css
TypeError: Cannot read property 'theme' of undefined
at runMicrotasks (<anonymous>)

我曾经遇到过一些问题，TailwindCSS因为某些属性没有运行，我不知道重新安装是否有影响。。。？

如果有人有任何想法，感谢您抽出时间！

Answer 1

更换

'@tailwindcss/jit'：｛｝

tailwindcss:{}

在您的postss.config.js中，如

// https://tailwindcss.com/docs/using-with-preprocessors
module.exports = {
plugins: {
tailwindcss: {}, // remove '@tailwindcss/jit': {},
autoprefixer: {},
},
}

然后更新tailwind.config.js并添加

模式：'jit'

module.exports = {
mode:'jit', // <= add here 
purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*. {js,ts,jsx,tsx}'],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {},
},
variants: {
extend: {},
},
plugins: [],
}

同时检查此pr并发布

Answer 2

我也面临类似的问题。

我的错误日志如下。它发生在更新包之后。

> next dev
ready - started server on 0.0.0.0:3000, url: http://localhost:3000
info  - Using webpack 5. Reason: Enabled by default https://nextjs.org/docs/messages/webpack5
error - ./node_modules/next/dist/compiled/css-loader/cjs.js??ruleSet[1].rules[2].oneOf[6].use[1]!./node_modules/next/dist/compiled/postcss-loader/cjs.js??ruleSet[1].rules[2].oneOf[6].use[2]!./styles/globals.css
TypeError: Cannot read property 'theme' of undefined

我不明白发生了什么。

所以我做

rm -r node_modules
rm package-lock.json
rm -r .next
git reset --hard <commit id>
npm install
npm start

如果这不起作用，git clone可能会再次起作用。

这个怎么样？

谢谢！