Javascript 未找到或无法读取要导入的文件：@material/elevation/mixins

不断地出现这个错误，但不知道出了什么问题。我正试图添加引导材料设计与网页在骑士。Bin正在联机查找，但找不到解决方案

这是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' }
                ]
            }
        ]
    },
}];

---

你最终找到了吗？在这里发布解决方案会很好