Next.js页面中的ag-grid渲染

Question

这里的新手...需要帮助。我尝试在NextJS的ReactJS组件上将示例代码用于ag-grid。我收到加载CSS错误（请参阅下文）。

（在此之前，我能够使用'create-react-app'“ https://www.ag-grid.com/react-getting-started/”使代码运行）

这是错误消息： appropriate loader needed

我已经搜索并尝试了相关（搜索出）的答案，例如在webpack.config.js上添加了以下内容： webpack config

，还尝试将其添加到package.json： package json

我可能错过了如何在Next JS设置上正确加载CSS的方法。

这是代码。taken mostly from the sample code

Answer 1

在Next.js中，您可以在next.config.js文件中配置webpack。 （至少据我所知）不应有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示例对我有用。