Не удается найти модуль 'tailwindcss / plugins / container' - PullRequest
Новая
       39

Не удается найти модуль 'tailwindcss / plugins / container'

2 голосов
/ 21 июня 2019

Я пытаюсь интегрировать 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)

Понятия не имею, что не так, пожалуйста, помогите разобраться с проблемой.

Заранее спасибо.

1 Ответ

0 голосов
/ 21 июня 2019

Согласно официальной документации , Container plugin теперь встроен, и нет необходимости включать его в раздел плагинов вашего файла конфигурации.

В результате вы можете изменить свой файл конфигурации следующим образом: 

theme: {
  container: {
    center: true,
    padding: '2.2rem'
  },
},
plugins: [

],

После этих изменений он должен скомпилироваться без ошибок. Также обратите внимание, что параметры конфигурации контейнера теперь находятся в свойстве theme файла конфигурации.

...