javascript - 找不到或无法读取要导入的文件：@material/elevation/mixins

Question

不断收到此错误，但看不到有什么问题。我正在尝试在骑手中添加带有 webpack 的引导材料设计。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' }
                ]
            }
        ]
    },
}];

标签： javascriptbootstrap-4material-design