Ошибка в response-toastify / dist / ReactToastify.css Сбой при синтаксическом анализе модуля .Toastify__toast-container {| Реагировать на ССР - PullRequest
Новая
       39

Ошибка в response-toastify / dist / ReactToastify.css Сбой при синтаксическом анализе модуля .Toastify__toast-container {| Реагировать на ССР

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

Я получаю сообщение об ошибке, когда я использую Ошибка в реакции-toastify модуля npm и рендеринга на стороне сервера.toastify / dist / ReactToastify.css Ошибка синтаксического анализа модуля: неожиданный токен (1: 0) Вам может потребоваться соответствующий загрузчик для обработки этого типа файлов.| 

Error:

 .Toastify__toast-container { | z-index: 9999; | position: fixed;

ModuleParseError: Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| .Toastify__toast-container {
| z-index: 9999;
| position: fixed;

1 Ответ

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

при рендеринге на стороне сервера мы должны настроить загрузчик стилей как на стороне сервера, так и на стороне клиента, например 

server-side webpack js Example
webpack.server.config.js or  webpack.prod.config.js
client-side js
webpack.client.config.js or  webpack.client.config.js

или мы можем создать базовый конфиг webpack и объединить его на стороне клиента и сервера 

** OR ****
webpack.base.config.js

я включил мою конфигурацию в webpack.server.config.js / webpack.prod.config.js и webpack.client.config.js / webpack.client.config.js 

npm install sass-loader style-loader css-loader import-glob-loader

и мой финал 

webpack.base.config.js

module: {
rules: [

  {
    test: /\.s?css$/,
    exclude: [resolvePath('../src/styles')],
    use: [
      {
        loader: 'css-loader',
        options: {
          localsConvention: 'camelCase',
          modules: true
        }
      },
      'sass-loader',
      'import-glob-loader'
    ]
  },
  { 
    test: /\.css$/,
    use: ['style-loader', 'css-loader'] 
  }
]
...