javascript - 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 示例在完成之后对我有用。