首页const { JSDOM } = require('jsdom'); ^ ReferenceError: require is not defined in ES module scope, you can use import instead This file is being treated as an ES module because it has a '.js' file extension and 'd:\9.neucode\vue\turn_js\package.json' contains "type": "module". To treat it as a CommonJS script, rename it to use the '.cjs' file extension.

const { JSDOM } = require('jsdom'); ^ ReferenceError: require is not defined in ES module scope, you can use import instead This file is being treated as an ES module because it has a '.js' file extension and 'd:\9.neucode\vue\turn_js\package.json' contains "type": "module". To treat it as a CommonJS script, rename it to use the '.cjs' file extension.

时间: 2024-04-14 17:26:04 浏览: 213

webpack4 配置 ssr 环境遇到“document is not defined”

5星 · 资源好评率100%

最近使用 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

你遇到的这个错误是因为你的代码被解释为 ES 模块（ES module），而在 ES 模块中，不支持使用 CommonJS 的 require 语法。相反，你应该使用 import 语法来引入模块。如果你想继续使用 `require('jsdom')`，你可以将你的文件后缀名从 `.js` 改为 `.cjs`，这样它将被解释为 CommonJS 模块。如果你希望继续使用 ES 模块而不改变文件后缀名，可以使用 import 语法来引入 jsdom。示例代码如下： ```javascript import { JSDOM } from 'jsdom'; const dom = new JSDOM('<!DOCTYPE html><html><body></body></html>'); global.document = dom.window.document; // 在这里执行你的代码 var chartDom = document.getElementById('main'); ``` 使用 import 语法引入模块时，需要确保你的项目配置支持 ES 模块。比如，在 package.json 文件中，需要设置 "type" 为 "module"，并且运行环境需要支持 ES 模块的语法。希望这能帮助到你解决问题！如果还有其他疑问，请随时提问。

阅读全文