Включите node_modules css в приложение Vuejs, которое использует scss

Question

Я развернул свое приложение в aws и вижу, что приложение работает нормально, за исключением того, что элементы управления syncfusion не отображаются правильно. Консоль Google Chrome не показывает ошибок. Приложение правильно отображается на моем локальном компьютере.

Чтобы исправить это, было предложено переместить import '@syncfusion/**/styles/material.css'операторы в отдельном компоненте vue в App.vue (как описано здесь). Однако я получаю "Failed to resolve loader: sass-loader, You may need to install it"ошибка (в приложении уже установлен node-sass, sass-loader).

Как мне включить файлы css вместе с файлами scss в мое приложение?

Раньше: vocabulary.vue:

<script>
import '@syncfusion/ej2-base/styles/material.css';
import '@syncfusion/ej2-vue-inputs/styles/material.css';

package.json:

"devDependencies": {
    "node-sass": "^4.12.0",
    "sass-loader": "^7.1.0",
}

vue.config.js:

module.exports = {
  publicPath: '/',
  transpileDependencies: [
    'vue-echarts',
    'resize-detector'
  ],
  configureWebpack: {
    devtool: 'source-map',
    optimization: {
      splitChunks: {
        chunks: 'all'
      }
    }
  }
}

App.Vue:

<style>
@import "../node_modules/@syncfusion/ej2-base/styles/material.css";
@import "../node_modules/@syncfusion/ej2-vue-inputs/styles/material.css";
</style>

Answer 1

Удаление пакетов npm и их повторная установка снова устранили проблему.