我正在尝试将tailwindcss
集成到我的vuejs项目中。
这是我的配置文件:
module.exports = {
... other configurations
plugins: [
require('tailwindcss/plugins/container')({
// center: true,
padding: '2.2rem',
}),
],
options: {
prefix: '',
important: true,
separator: ':',
},
};
在
.postcssrc.js
中,我们有下一个内容:module.exports = {
"plugins": [
require('tailwindcss')('./tailwind-config.js'),
require('autoprefixer')(),
]
};
最后在
main.css
文件中:@tailwind base;
@tailwind components;
@tailwind utilities;
但是,每当编译发生时,我会得到以下错误:
Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: Cannot find module 'tailwindcss/plugins/container'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)
at Function.Module._load (internal/modules/cjs/loader.js:507:25)
at Module.require (internal/modules/cjs/loader.js:637:17)
我不知道怎么了,请帮忙处理这个问题。
提前谢谢。
最佳答案
根据official documentation,Container plugin
现在是内置的,不需要将其包含在配置文件的插件部分。
因此,您可以通过以下方式修改配置文件:
theme: {
container: {
center: true,
padding: '2.2rem'
},
},
plugins: [
],
在这些更改之后,它应该编译时没有任何错误。
请注意,容器配置选项现在位于配置文件的主题属性中。
关于css - 找不到模块'tailwindcss/plugins/container',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56697707/