找不到模块'tailwindcss / plugins / container'

whi*_*324 12 css npm vue.js tailwind-css

我正在尝试整合tailwindcss到我的VueJS项目中。

这是我的配置文件:

module.exports = {
  ... other configurations
  plugins: [
    require('tailwindcss/plugins/container')({
      // center: true,
      padding: '2.2rem',
    }),
  ],
  options: {
    prefix: '',
    important: true,
    separator: ':',
  },

};
Run Code Online (Sandbox Code Playgroud)

.postcssrc.js接下来的内容中:

module.exports = {
  "plugins": [
    require('tailwindcss')('./tailwind-config.js'),
    require('autoprefixer')(),
  ]
};
Run Code Online (Sandbox Code Playgroud)

最后在main.css文件中:

@tailwind base;

@tailwind components;

@tailwind utilities;
Run Code Online (Sandbox Code Playgroud)

但是,每当编译发生时,我都会收到以下错误:

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)
Run Code Online (Sandbox Code Playgroud)

我不知道怎么了,请帮忙解决问题。

提前致谢。