Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将数据库与Web包一起使用_Javascript_Webpack_Pouchdb_Commonjs - Fatal编程技术网

Javascript 将数据库与Web包一起使用

Javascript 将数据库与Web包一起使用,javascript,webpack,pouchdb,commonjs,Javascript,Webpack,Pouchdb,Commonjs,,数据库希望我这样使用它: index.html 这个选项很好用,但我想把它捆绑在webpack(CommonJS)中,而不需要一些花哨的配置。node\u modules/pookdb中的自述文件说我应该这样做 index.js 但这会导致一个错误: TypeError:PockDB不是构造函数 我想出了一个办法: index.js 但我最近偶然发现,它要我去做 import PouchDB from "node_modules/pouchdb/dist/pouchdb.min.js" var

,数据库希望我这样使用它:

index.html

这个选项很好用,但我想把它捆绑在webpack(CommonJS)中,而不需要一些花哨的配置。
node\u modules/pookdb
中的自述文件说我应该这样做

index.js

但这会导致一个错误:

TypeError:PockDB不是构造函数

我想出了一个办法:

index.js

但我最近偶然发现,它要我去做

import PouchDB from "node_modules/pouchdb/dist/pouchdb.min.js"
var db = new PouchDB('http://localhost:5984/db');

以下哪种方法是导入PockDB的最佳方法,或者您知道其他更好的方法吗?

我不确定是否理解您的问题,但这里有一些解释。Webpack所做的其他事情之一就是将您的代码传输给浏览器使用。例如,并非所有浏览器都支持JavaScript的
import
功能,如果在代码中使用
import
,则需要使用Webpack进行传输。如果不使用Webpack进行传输,则不能使用导入功能,而必须使用
require
,这是一个较旧的功能。

我不确定是否理解您的问题,但这里有一点解释。Webpack所做的其他事情之一就是将您的代码传输给浏览器使用。例如,并非所有浏览器都支持JavaScript的
import
功能,如果在代码中使用
import
,则需要使用Webpack进行传输。如果你不使用Webpack进行传输,你就不能使用
import
功能,而必须使用
require
功能,这是一个较旧的功能。

恐怕你还不太明白这个问题。它更侧重于包含模块的方式,在本例中是指数据库。因为他们的网站想让我使用一个标签,问题是关于另一个选择,它与webpack一起工作(这样webpack就可以正确地捆绑代码)@TimurEke好吧,现在它变得更清晰了。谢谢。恐怕你还不太明白这个问题。它更侧重于包含模块的方式,在本例中是指数据库。因为他们的网站想让我使用一个标签,问题是关于另一个选择,它与webpack一起工作(这样webpack就可以正确地捆绑代码)@TimurEke好吧,现在它变得更清晰了。谢谢
var db = new PouchDB('http://localhost:5984/db');
var PouchDB = require("pouchdb");
var db = new PouchDB('http://localhost:5984/db');
var PouchDB = require("pouchdb").default;
var db = new PouchDB('http://localhost:5984/db');
import PouchDB from "node_modules/pouchdb/dist/pouchdb.min.js"
var db = new PouchDB('http://localhost:5984/db');