如何解决webpack4配置SSR环境时出现的document is not defined问题?

2026-04-06 12:530阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计665个文字,预计阅读时间需要3分钟。

如何解决webpack4配置SSR环境时出现的document is not defined问题?

最近使用webpack 4配置SSR环境时遇到问题:ReferenceError: document is not defined。检查package.json发现,vue-loader版本为^15.4.2,mini-css-extract-plugin版本为^0.4.3,webpack版本为^4.20.2,webpack-cli版本信息缺失。

最近使用 webpack 4 配置 ssr 环境,发现的问题:

ReferenceError: document is not defined

本次package.json使用版本信息:

{ "vue-loader": "^15.4.2", "mini-css-extract-plugin": "^0.4.3", "webpack": "^4.20.2", "webpack-cli": "^3.1.2" ... }

相关代码

问题原因:

在服务端渲染打包的配置中使用了mini-css-extract-plugin是的server bundle中会使用到document,node环境中不存在window对象,所以报错。

阅读全文

本文共计665个文字,预计阅读时间需要3分钟。

如何解决webpack4配置SSR环境时出现的document is not defined问题?

最近使用webpack 4配置SSR环境时遇到问题:ReferenceError: document is not defined。检查package.json发现,vue-loader版本为^15.4.2,mini-css-extract-plugin版本为^0.4.3,webpack版本为^4.20.2,webpack-cli版本信息缺失。

最近使用 webpack 4 配置 ssr 环境,发现的问题:

ReferenceError: document is not defined

本次package.json使用版本信息:

{ "vue-loader": "^15.4.2", "mini-css-extract-plugin": "^0.4.3", "webpack": "^4.20.2", "webpack-cli": "^3.1.2" ... }

相关代码

问题原因:

在服务端渲染打包的配置中使用了mini-css-extract-plugin是的server bundle中会使用到document,node环境中不存在window对象,所以报错。

阅读全文