我刚刚开始研究一个小节点项目,它将与MongoDB接口。然而,我似乎不能正确地导入相关的节点模块,即使我已经通过npm正确地安装了它们。

例如,下面的代码抛出一个错误,告诉我“express没有默认导出”:

import express from "express";

然而,这段代码可以工作:

const express = require("express");

我的问题是,import和variable/require方法的功能有什么不同?我想修复在项目中困扰我的导入的任何问题,因为它似乎可能会导致后续的其他问题。


当前回答

让我举一个用require & import包含express模块的例子

需要

var express = require('express');

进口

import * as  express from 'express';

因此,在使用上述任何语句后,我们将拥有一个名为“express”的变量。现在我们可以将app变量定义为,

var app = express(); 

所以我们在'CommonJS'中使用'require',在'ES6'中使用'import'。

有关'require'和'import'的更多信息,请阅读下面的链接。

require -在Node.js中需要模块:你需要知道的一切

import - ES6模块在Node.js中的更新

其他回答

新ES6:

'import'应该与'export'关键字一起使用,以便在js文件之间共享变量/数组/对象:

export default myObject;

//....in another file

import myObject from './otherFile.js';

老派:

'require'应该和'module.exports'一起使用

 module.exports = myObject;

//....in another file

var myObject = require('./otherFile.js');

让我举一个用require & import包含express模块的例子

需要

var express = require('express');

进口

import * as  express from 'express';

因此,在使用上述任何语句后,我们将拥有一个名为“express”的变量。现在我们可以将app变量定义为,

var app = express(); 

所以我们在'CommonJS'中使用'require',在'ES6'中使用'import'。

有关'require'和'import'的更多信息,请阅读下面的链接。

require -在Node.js中需要模块:你需要知道的一切

import - ES6模块在Node.js中的更新

我说得简单点,

导入和导出是ES6的特性(下一代JS)。 Require是从其他文件导入代码的老式方法

主要的区别在于require,整个JS文件被调用或包含。即使你根本不需要。

var myObject = require('./otherFile.js'); //This JS file will be included fully.

而在导入中,你只能提取所需的对象/函数/变量。

import { getDate }from './utils.js'; 
//Here I am only pulling getDate method from the file instead of importing full file

另一个主要区别是你可以在程序的任何地方使用require,而as import应该总是在文件的顶部

编辑:在最新的节点版本中,您可以使用解构。就像这样

const { getDate } = require('./date.js');

require和import之间的主要区别是require会自动扫描node_modules以查找模块,而import则不会,它来自ES6。

大多数人使用babel来编译导入和导出,这使得导入与所需的操作一致。

Node.js的未来版本可能会支持导入本身(实际上,实验版本已经支持了),根据Node.js的说明,导入不支持node_modules,它基于ES6,并且必须指定模块的路径。

所以我建议你不要在babel中使用import,但是这个功能还没有被确认,将来可能会支持node_modules,谁知道呢?


作为参考,下面是babel如何将ES6的import语法转换为CommonJS的require语法的示例。

假设fileapp_es6.js包含以下导入:

import format from 'date-fns/format';

这是一个从节点包date-fns导入格式函数的指令。

相关的包。Json文件可以包含如下内容:

"scripts": {
    "start": "node app.js",
    "build-server-file": "babel app_es6.js --out-file app.js",
    "webpack": "webpack"
}

相关的.babelrc文件可能是这样的:

{
    "presets": [
        [
            "env",
            {
                "targets":
                {
                    "node": "current"
                }
            }
        ]
    ]
}

包中定义的构建服务器文件脚本。Json文件是一个指令,用于Babel解析app_es6.js文件并输出app.js文件。

运行build-server-file脚本后,如果你打开app.js并寻找date-fns导入,你会看到它已经被转换成这样:

var _format = require("date-fns/format");

var _format2 = _interopRequireDefault(_format);

该文件的大部分内容对大多数人来说都是官样文章,但计算机可以理解。


同样作为参考,作为一个模块如何创建和导入到你的项目的例子,如果你安装date-fns,然后打开node_modules/date-fns/get_year/index.js,你可以看到它包含:

var parse = require('../parse/index.js')

function getYear (dirtyDate) {
  var date = parse(dirtyDate)
  var year = date.getFullYear()
  return year
}

module.exports = getYear

使用上面的babel进程,你的app_es6.js文件可以包含:

import getYear from 'date-fns/get_year';

// Which year is 2 July 2014?
var result = getYear(new Date(2014, 6, 2))
//=> 2014

巴别塔会将进口转化为:

var _get_year = require("date-fns/get_year");

var _get_year2 = _interopRequireDefault(_get_year);

并相应地处理对函数的所有引用。

这两者之间有很大的区别:

import express from "express";

这:

import * as express from "express";

从CommonJS到ES6的正确翻译

const express = require("express");

是第二个导入。

基本上,这是因为在第一个导入中,您在express模块中寻找名为express的导出。第二个是导入名称为express的整个快速模块。