css - 通过 Webpack 导入 CSS 无法重新加载页面

Question

我正在使用两个库（react-image-crop和react-responsive-carousel），每个库都需要一个 css 导入。我已将 css 加载器添加到next.config.js页面最初加载时，一切都很好。但是，在页面上调用刷新时会出现document is not defined错误。此外，当我yarn build按预期运行构建时，最后会以 a 失败Reference Error并引用此document is not defined错误。

任何帮助都会很棒。

next.config.js

...

const REACT_CAROUSEL_PATH = path.resolve(__dirname, './node_modules/react-responsive-carousel');
const REACT_IMAGE_CROP_PATH = path.resolve(__dirname, './node_modules/react-image-crop');

...

config.module.rules.push({
  test: /\.css$/i,
  include: [REACT_CAROUSEL_PATH, REACT_IMAGE_CROP_PATH], 
  use: [{
      loader: 'style-loader'
    },
    {
     loader: 'css-loader'
  }],
})

Answer 1

感谢@MattCarlottta 帮助解决这个问题。如果其他人发现自己处于类似情况，请回答这个问题。对我来说，这与我为第三方 css 定制的 nginx 服务器响应类型有关。最后，我最终使用了一个符合 SSR 的库，以避免构建自定义页面处理。