Импорт css в сборник рассказов приводит к ошибке css - PullRequest
0 голосов
/ 08 апреля 2020

Я пытаюсь подготовить сборник рассказов для простых компонентов реакции. Я пытаюсь импортировать файл css и получаю следующую ошибку из-за сообщения css.

ERROR in ./src/stories/Button/Button.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./node_modules/style-loader!./node_modules/css-loader/dist/cjs.js??ref--10-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/stories/Button/Button.css)
Module build failed (from ./node_modules/postcss-loader/src/index.js):
SyntaxError

(2:1) Unknown word

  1 | 
> 2 | var content = require("!!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-3-1!../../../node_modules/postcss-loader/src/index.js??postcss!./Button.css");
    | ^
  3 | 
  4 | if(typeof content === 'string') content = [[module.id, content, '']];

CSS Я пытаюсь загрузить это

.MuiButton-root {
    background-color: #6772e5;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    padding: 7px 14px;
}

.MuiButton-root:hover {
    background-color: #5469d4;
}

.MuiButton-label {
    color: #fff;
}

Я пробовал кучу способов избавиться от почты css, но это не сработает. Например, я попытался отфильтровать загрузчик поста css, используя this .

Я пробовал несколько различных конфигураций, используя post css .config. js

Это последний файл, который все еще находится в моем git неотслеживаемом файле

module.exports = (ctx) => ({
    parser: require('postcss-safe-parser'),
    plugins: {
      autoprefixer: {
        browsers: ['last 2 versions'],
      },
    }
  });

Обратите внимание, что я пытаюсь загрузить css непосредственно внутри файла машинописного текста, который находится в папке моих рассказов. Я использую смешанный CSF способ указания историй в файле машинописного текста и импортирую их в файл MDX, куда я помещаю документацию, как указано здесь .

ИМХО сборник рассказов выдвигает слишком много настроек по умолчанию. Нет смысла заставлять пост css писать эти истории, это должен быть выбор. Я новичок ie с постом css, и я потратил впустую часы, пытаясь выбраться из леса за Po C. Это большое отключение.

Любая помощь будет оценена.

РЕДАКТИРОВАТЬ: я должен был указать, как я импортирую файл css. Вот оно:

import  "./Button.css";
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...