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 示例在这样做后对我有用。