Файл для импорта не найден или не читается: @ material / elevation / mixins

Question

Продолжайте получать эту ошибку, но не видите, что не так. Я пытаюсь добавить дизайн материала начальной загрузки с веб-пакетом в райдере. Бин ищет в Интернете, но не может найти решение.

Это класс app.cscc

@import "~@material/button/mdc-button";

.foo-button {
  @include mdc-button-ink-color(teal);
  @include mdc-states(teal);
}

body {
  color: blue;
}

Это webpack.config.js

const autoprefixer = require('autoprefixer');
const path = require('path');

module.exports = [{
    entry: './app.scss',
    output: {
        // This is necessary for webpack to compile
        // But we never use style-bundle.js
        filename: 'style-bundle.js',
    },
    module: {
        rules: [
            {
                test: /\.scss$/,
                use: [
                    {
                        loader: 'sass-loader',
                        options: {
                            name: 'bundle.css',
                            includePaths: path.resolve(__dirname, '../node_modules')
                            //includePaths: ['./node_modules']
                        },
                    },
                    { loader: 'extract-loader' },
                    { loader: 'css-loader' },
                    {
                        loader: 'postcss-loader',
                        options: {
                            plugins: () => [autoprefixer()]
                        }
                    },
                    { loader: 'sass-loader' }
                ]
            }
        ]
    },
}];