У меня есть проект, созданный с помощью create-реакции-приложения 2. В этом проекте я добавил сборник рассказов и файлы scss.Проект работает хорошо, за исключением сборника рассказов.
У меня проблема с командой npm run storybook.Это дает мне текущую ошибку:
ERROR in ./src/components/30_organisms/App/index.scss 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
> .logo {
| width: 151px;
| padding-top: 65px;
@ ./src/components/30_organisms/App/index.jsx 2:0-22
@ ./src/components sync stories\.js|jsx$
@ ./.storybook/config.js
@ multi ./node_modules/@storybook/core/dist/server/config/polyfills.js ./node_modules/@storybook/core/dist/server/config/globals.js ./.storybook/config.js ./node_modules/webpack-hot-middleware/client.js?reload=true
ERROR in ./src/components/20_molecules/Home/index.scss 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
> .logout {
| font-family: gilroyregular;
| font-size: 14px;
@ ./src/components/20_molecules/Home/index.jsx 2:0-22
@ ./src/components sync stories\.js|jsx$
@ ./.storybook/config.js
@ multi ./node_modules/@storybook/core/dist/server/config/polyfills.js ./node_modules/@storybook/core/dist/server/config/globals.js ./.storybook/config.js ./node_modules/webpack-hot-middleware/client.js?reload=true
ERROR in ./src/components/10_atoms/H3/index.scss 1:3
Module parse failed: Unexpected token (1:3)
You may need an appropriate loader to handle this file type.
> h3 {
| font-family: gilroyultralight;
| font-size: 40px;
@ ./src/components/10_atoms/H3/index.jsx 2:0-22
@ ./src/components sync stories\.js|jsx$
@ ./.storybook/config.js
@ multi ./node_modules/@storybook/core/dist/server/config/polyfills.js ./node_modules/@storybook/core/dist/server/config/globals.js ./.storybook/config.js ./node_modules/webpack-hot-middleware/client.js?reload=true
Ошибка касается трех файлов .scss, которые у меня есть в моем проекте.Я прочитал много вещей об этой ошибке в Интернете.
Я прочитал, чтобы проверить, установлены ли node-sass или / и sass-загрузчик, и ответ - да.Другие люди говорят, чтобы проверить содержимое webpack.config.js, но у меня нет этого файла в моем проекте ...
Есть ли кто-то, кто знает, как исправить эту ошибку в реакции 16 и запустить файлы scssс сборником рассказов?