рендеринг ag-grid на страницах Next.js

Question

Новичок здесь ... нужна помощь. Я попытался использовать пример кода для ag-grid на компоненте ReactJS в NextJS. Я получаю ошибку css при загрузке (см. Далее ниже).

(До этого мне удавалось запускать код с помощью 'create-реагировать-приложение' 'https://www.ag -grid.com / реагировать-получая-начало /")

Вот сообщение об ошибке: необходим соответствующий загрузчик

Я искал и опробовал похожие (разыскиваемые) ответы, например, добавив их на webpack.config.js: webpack config

, а также попытался добавить это в package.json: пакет JSON

Возможно, мне не хватает правильной загрузки css в настройках Next JS.

Вот код .. взят в основном из примера кода

Answer 1

В Next.js вы настраиваете веб-пакет в файле next.config.js.Не должно быть webpack.config.js (по крайней мере, насколько мне известно).

Есть плагин с именем next-css , который вы устанавливаете с помощью: npm install --save @zeit/next-css.

Затем, в вашем next.config.js файле напишите:

const withCSS = require('@zeit/next-css')
module.exports = withCSS()

Пример ag-grid сработал для меня после этого.