Как использовать SASS в REACT SSR? - PullRequest
Новая
       16

Как использовать SASS в REACT SSR?

1 голос
/ 08 мая 2020

Я пытаюсь создать простое приложение React с использованием SSR, но при импорте файла sass в свой компонент я сталкиваюсь с проблемой: SyntaxError: Unexpected token '.' . Я использую следующие сценарии для объединения и запуска моего приложения: 

"scripts": {
  "dev-server": "nodemon --exec babel-node src/server/server.js --ignore dist/",
  "dev-bundle": "webpack -w -d"
}

Я использую следующие загрузчики для перевода sass в js: 

    module: {
      rules: [
        {
          test: /\.js$/,
          exclude: /node_modules/,
          use: {
            loader: 'babel-loader',
          },
        },
        {
          test: /\.scss$/,
          exclude: /node_modules/,
          use: [
            {
              loader: "style-loader"
            },
            {
              loader: "css-loader"
            },
            {
              loader: "sass-loader",
              options: {
                  sourceMap: true,
              }, // compiles Sass to CSS
            }
          ]

Я не уверен, почему этот синтаксис возникает ошибка, может ли кто-нибудь помочь мне с этим?

1 Ответ

0 голосов
/ 08 мая 2020

Я получаю следующую трассировку стека ошибок: 

SyntaxError: Unexpected token '.'
at Object.compileFunction (vm.js:344:18)
at wrapSafe (internal/modules/cjs/loader.js:1106:15)
at Module._compile (internal/modules/cjs/loader.js:1140:27)
at Module._extensions..js (internal/modules/cjs/loader.js:1196:10)
at Object.newLoader [as .js] (...SSR-App\node_modules\pirates\lib\index.js:104:7)
at Module.load (internal/modules/cjs/loader.js:1040:32)
at Function.Module._load (internal/modules/cjs/loader.js:929:14)
at Module.require (internal/modules/cjs/loader.js:1080:19)
at require (internal/modules/cjs/helpers.js:72:18)
at Object.<anonymous> (...SSR-App\src\components\/App.js:2:1)
...