NPM не компилирует SCSS при импорте модуля SuitCSS - PullRequest
Новая
       37

NPM не компилирует SCSS при импорте модуля SuitCSS

0 голосов
/ 07 июля 2019

Я пытаюсь создать реагирующее веб-приложение и решил работать с компонентом Suitcss.Я успешно установил компонент с помощью npm, но проблема с компиляцией.

Когда я добавляю @ import 'suitcss'; в мой файл src / index.scss и запускаю npm, запустите build build команда в терминале, я получаю Не удалось скомпилировать ошибка экрана и консоль показывает мне: 

./src/index.scss (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/sass-loader/lib/loader.js??ref--6-oneOf-5-3!./src/index.scss)
@import "suitcss";
^
      File to import not found or unreadable: suitcss.
      in /Users/macmini1/Desktop/react-calculator/src/index.scss (line 1, column 1)

Похоже, что suitcss не найден в папке node_modules, но я проверил и файлв нем.

Мой файл package.json также показывает, что компонент установлен 

"name": "react-calculator",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "cssnano": "^4.1.10",
    "js-yaml": "^3.13.1",
    "node-sass": "^4.12.0",
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-scripts": "^3.0.1",
    "rework-npm": "^1.0.0",
    "suitcss": "^3.0.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build suitcss index.scss build/build.css",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

В конце, результат должен быть скомпилирован файл (build.css) в build папка.

...