Ошибка импорта с помощью scss @import в сборнике рассказов - PullRequest
Новая
       37

Ошибка импорта с помощью scss @import в сборнике рассказов

0 голосов
/ 05 июля 2019

Я начинаю использовать сборник рассказов в другом проекте, я заставил SCSS @import работать раньше в другом репо, но я не могу понять для себя, что не так.

ОШИБКА в ./src/components/Navigation/style.scss (./node_modules/react-scripts/node_modules/css-loader/dist/cjs.js??ref--8-1!./node_modules/react-scripts/node_modules/postcss-loader/src??postcss!./ node_modules / реагируют скрипты / node_modules / дерзость-погрузчик / Библиотека / loader.js ?? исх -! 8-3 ./ node_modules / столпотворение-погрузчик / Библиотека ./ node_modules / стиль-погрузчик ./ node_modules / css- погрузчик! ./ node_modules / дерзость-погрузчик / Библиотека / loader.js! ./ SRC / компоненты / Навигация / style.scss) Сборка модуля не удалась (от ./node_modules/react-scripts/node_modules/sass-loader/lib/loader.js):

@ import '../../styles/vars/colors'; ^

Недопустимый CSS после "" ": ожидаемый 1 селектор или правило, было" использовать строгий ";"

Мой конфиг веб-пакета внутри .storybook 

const path = require('path');

module.exports = {
  entry: ['@babel/polyfill'],

  devtool: 'eval-source-map',
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        use: ['babel-loader'],
      },
      {
        test: /\.stories\.jsx?$/,
        loaders: [require.resolve('@storybook/addon-storysource/loader')],
      },
      {
        test: /\.(scss|css)$/,
        use: [
          {
            loader: 'style-loader',
          },
          {
            loader: 'css-loader',
            options: {
              sourceMap: true,
              import: true,
              importLoaders: 1,
            },
          },
          {
            loader: 'sass-loader',
            options: {
              sourceMap: true,
            },
          },
          {
            loader: 'postcss-loader',
            options: {
              plugins: [
                require('autoprefixer')({
                  overrideBrowserslist: [
                    '>1%',
                    'last 4 versions',
                    'Firefox ESR',
                    'not ie < 9'
                  ]
                })
              ]
            }
          }
        ]
      },
      {
        test: /\.(eot|otf|ttf|woff|woff2)$/,
        loader: 'file-loader?name=public/fonts/[name].[ext]',
      },
      {
        test: /\.svg$/,
        loader: 'file-loader',
        query: {
          name: 'assets/images[name].[hash:8].[ext]',
        },
      },
      {
        test: /\.(gif|png|jpe?g)$/i,
        use: [
          'file-loader',
          {
            loader: 'image-webpack-loader',
            options: {
              disable: true,
            },
          },
        ],
      },
    ],
  },
  resolve: {
    modules: [path.resolve(__dirname, 'src'), 'node_modules'],
    extensions: ['.js', '.jsx', '.json'],
  },
};

Версии соответствующих пакетов: "node-sass": "^ 4.7.2", "sass-loader": "^ 6.0.5", "@ storybook / реакции": "^ 5.1.4", "загрузчик файлов": "^ 4.0.0", "postcss-loader": "2.0.5", "style-loader": "0.17.0", "url-загрузчик": "^ 2.0.1",

...