时间戳

首页 > 解决方案 > Next.js 页面中的 ag-grid 渲染

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

问题描述

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

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

这是错误消息： 需要适当的加载器

我已经搜索并尝试了相关的（搜索出的）答案，比如在 webpack.config.js 上添加这个： webpack config

并且还尝试在 package.json 上添加这个： package json

我可能错过了如何在 Next JS 设置中正确加载 css。

这是代码..主要取自示例代码

标签： javascriptcssreactjsag-gridnext.js

解决方案

在 Next.js 中，您在文件中配置 webpack 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这样做之后，这个例子对我有用。

推荐阅读