Сбой сборки Heroku на @import для SCSS

Question

У меня есть приложениеact / webpack-4, и я пытаюсь собрать его на Heroku.Когда я собираю его на моей машине, он работает совершенно нормально, но на Heroku он выдает следующие ошибки:

ERROR in ./src/styles/main.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass loader/lib/loader.js): 

@import 'components/dashboard';
^

File to import not found or unreadable: components/dashboard.

Он не всегда прерывается на одном и том же операторе @import в моем файле main.scss, ноон всегда ломается на одном из них.

Это мой main.scss:

@import 'components/add-poster';
@import 'components/auth';
@import 'components/dashboard';
@import 'components/navigation';

Все имена соответствуют моим файлам и имеют префикс _ (например: _dashboard.scss)).

Это мой файл сборки prod webpack:

module.exports = merge(base, {
  mode: 'production',
  devtool: 'source-map',
  module: {
    rules: [
      { 
        use: [ MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader' ], 
        test: /\.scss$/ 
      }
    ]
  },
  optimization: {
    minimizer: [
      new UglifyJsPlugin({ parallel: true, sourceMap: true }),
      new OptimizeCssAssetsPlugin({})
    ]
  },
  plugins: [ 
    new MiniCssExtractPlugin({
      filename: 'style.css'
    })
  ]
})

Это сводит меня с ума в течение нескольких часов, и любая помощь или понимание будут с благодарностью.Спасибо.

Answer 1

После очень долгого и трудного процесса переформатирования веб-пакета снова и снова, я начал удалять импорт, чтобы посмотреть, смогу ли я устранить ошибку.

Как только я удалил компонент панели мониторинга, сборка начала работать. Я считаю, что моя проблема на самом деле была из-за импорта файла scss, в котором ничего нет. Не знаю, почему это сломало бы вещи, но вот, пожалуйста.