web-dev-qa-db-ja.com

TypeError：require（...）。jsdomは関数ではありません

Nodejs Web開発にVisual Studio 2015を使用しました。
nodejsのような次のパッケージがあります。

  • ボディパーサー1.18.1
  • エクスプレス4.15.4
  • jquery 1.7.4
  • hTML 1.0.0
  • jsdom 11.2.0

そして私のserver.jsは

var http = require('http');
var express = require('express');
var bodyParser = require('body-parser');
var jsdom = require('jsdom');

var path = require('path');
var port = process.env.port || 1337;
var app = express();
app.use(bodyParser());

app.use('/bootstrap', express.static(__dirname + '/public/bootstrap'));
app.use('/css', express.static(__dirname + '/public/css'));
app.use('/jquery', express.static(__dirname + '/public/jquery'));
app.use('/pages', express.static(__dirname + '/public/pages'));
app.use('/popper', express.static(__dirname + '/public/popper'));
app.use('/scripts', express.static(__dirname + '/public/scripts'));

app.get('/', function (request, response) {
var $ = require('jquery');
var title = $(html).find('title').text();
console.log(title);
response.send("Hello node");
});
app.listen(port);

エラーが発生するjqueryを使用できません。 "TypeError：require（...）。jsdom is not a function"

TypeError: require(...).jsdom is not a function
at create (c:\users\XYZ12\documents\visual studio 2015\Projects\NodeMovieList\NodeMovieList\node_modules\jquery\lib\node-jquery.js:5:31)
at c:\users\XYZ12\documents\visual studio 2015\Projects\NodeMovieList\NodeMovieList\node_modules\jquery\lib\node-jquery.js:9435:18
at Object.<anonymous> (c:\users\XYZ12\documents\visual studio 2015\Projects\NodeMovieList\NodeMovieList\node_modules\jquery\lib\node-jquery.js:9437:2)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
javascriptnode.jsvisual-studionodes
6
ssj5

以下を使用してみてください、

var jsdom = require('jsdom');
const { JSDOM } = jsdom;

const { document } = (new JSDOM('')).window;
global.document = document;

リファレンス： https://github.com/airbnb/enzyme/issues/942#issuecomment-314715229

12
Kalana Demel

この問題は、使用している古いバージョンのjQueryが原因です。新しいバージョンである3.2.1に移動してください。

私も同じエラーに直面していました。新しいバージョンに移行することでこの問題は解決しました。詳細については、この回答を確認できます： https://stackoverflow.com/a/47215319/589255

3
Rito

次のようにします。

var jsdom = require('jsdom');
const { JSDOM } = jsdom;
const { window } = new JSDOM();
const { document } = (new JSDOM('')).window;
global.document = document;

var $ = jQuery = require('jquery')(window);

これがあなたやこの種の問題に直面している人を助けることを願っています。

3
Plabon Dutta