为什么在使用ES模块语法导入-解构flatten js库默认导出时会得到TS2614，但在const-destructure时却没有？
在使用ES模块语法导入-解构flatten js库默认导出时会得到TS2614错误，而在const-destructure时却没有的原因是ES模块语法和TypeScript的类型系统在处理默认导出时存在一些差异。
在ES模块语法中，一个模块可以通过使用默认导出来导出一个值或者通过命名导出来导出多个值。而在TypeScript中，默认导出的类型会被推断为具有"export default"语句的模块的类型。当我们使用解构的方式导入默认导出时，TypeScript会尝试将导入的模块与解构目标的类型进行匹配，从而进行类型检查。如果无法匹配，则会抛出TS2614错误，表示类型不匹配。
然而，在使用const-destructure时，TypeScript会根据解构目标的类型进行类型推断，而不会尝试与导入的模块进行匹配。因此，如果解构目标的类型与默认导出的类型兼容，那么就不会出现TS2614错误。
需要注意的是，具体的解决方法可能因库的具体实现而有所不同。一种常见的解决方法是使用类型断言或者显式声明导入的模块的类型，以告诉TypeScript导入的模块的类型信息。例如：
import flatten from 'flatten' as flattenType;
或者
import flatten = require('flatten');
这样，TypeScript就可以正确地推断和匹配导入模块的类型，避免TS2614错误的出现。
关于TS2614错误的详细解释和相关信息，可以参考TypeScript官方文档中的相关章节：TypeScript Error TS2614。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：提供稳定可靠、弹性扩展的云服务器实例，满足不同场景的计算需求。
- 腾讯云云数据库 MySQL：全面兼容 MySQL 协议，提供高可用、自动备份、灾备容灾等特性的云数据库服务。
- 腾讯云容器服务 TKE：为用户提供高度可扩展的容器化部署服务，简化容器集群的创建、管理和运维工作。
- 腾讯云人工智能开放平台：为开发者提供丰富的人工智能能力和服务，包括图像识别、语音合成、自然语言处理等。
- 腾讯云物联网平台（IoT Hub）：为物联网设备提供连接管理、数据采集、消息通信等服务，帮助实现设备互联互通。
- 腾讯云移动应用安全服务（MSaaS）：提供一站式移动应用安全服务，包括安全加固、漏洞扫描、App 防护等功能。
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云存储服务，适用于图片、音视频、文档等各类文件的存储和管理。
- 腾讯云区块链服务（Tencent Blockchain）：提供一站式区块链服务平台，支持企业级区块链应用开发和部署。
- 腾讯云元宇宙：通过虚拟现实和增强现实技术，打造虚拟的现实空间，创造出真实世界以外的交互体验。
相关·内容
这似乎可以在es5中实现，想象一下NextI18Next在其中添加了一些函数：
module.exports = new NextI18Next({
otherLanguages: ['ko'],
defaultLanguage: 'en',
ns: ['translations'],
defaultNS: 'translations',
localePath: path.resolve('../../public/locales'),
})
///////////
import { appW
浏览 0提问于2020-10-20得票数 0
2回答
当您以以下形式编写import语句时会发生什么：
import React, { Component } from 'react';
对导入模块的解构是否与解构对象一样，以实现Component而不是需要React.Component？或者它是使用完全不同语法的命名导出导入的，尽管它确实类似于解构？
一个重要的推论问题:与简单的import React ...相比，import React, { Component } ...是否不必要地从React模块加载Component对象两次(假设Component是更大的React库的组成部分)？
浏览 4提问于2017-03-16得票数 3
1回答
在React (ES6)中，为什么我有时会看到这个？
class Hello extends React.Component { ... }
有时候这个
export class Hello extends React.Component { ... }
export关键字的意义是什么？如果使用webpack，是否需要对webpack.config.js文件进行任何更改？
任何有关这方面的信息将不胜感激，谢谢提前。
更新：
main-file.js
import React from 'react';
import ReactDOM from 'react-dom&#
浏览 6提问于2016-07-05得票数 20
我将TypeScript转换为ES2015 (因为我需要异步，等待)，然后将ES2015转换为Node4支持的ES2015 (Node4与ES2015不完全兼容)。
问题是express的TypeScript定义不包含default字段。但是这个字段实际上存在于Javascript代码中。(实际上express只是一个例子，例如在许多其他库bluebird中都存在问题)
因此，如果我导入import {default as express} from "express";，则会出现编译TypeScript错误。如果作为import * as express from "
浏览 9提问于2016-07-22得票数 0
回答已采纳
1回答
我遇到了一个出口场景的小问题，我不知道为什么。我可能需要一个Babel插件来解决它，但不确定是哪个。
// a.js
export function fromA() {}
// b.js
export function fromB() {}
// index.js
import * as a from './a'
import * as b from './b'
export default { ...a, ...b}
// test.js
import all from './index'
const { fromA } = all
浏览 4提问于2016-11-13得票数 5
以前我可以这样做：
import foo = require('foo');
但是现在TypeScript (1.5)支持es6模块语法，在ES6模块语法中实现相同的正确方法是什么。
浏览 10提问于2015-04-13得票数 82
回答已采纳
1回答
导入：
import React, { Component } from 'react';
解构：
let z, {b} = {a: 1, b: 2, c: 3}
看起来它们遵循相同的语法。
但在第二个示例中，z将是undefined而不是{a: 1, b: 2, c: 3}。
所以导入语法不同于es6解构？它们的语法是如何相互关联的？
浏览 12提问于2020-08-01得票数 1
回答已采纳
3回答
我在TypeScript中这样做，但在vanilla中也尝试了同样的错误。我已经删除了两个模块：express和hbs。我试图使用这样的ES6 import语法：
import * as http from 'http';
import * as express from 'express';
import hbs from 'hbs';
最后一行给出了一个错误，说明它找不到模块hbs。我正看着它..。我看得很清楚。但是，当我用旧的CommonJS语法替换行时：
var hbs = require('hbs');
效果不错..。
浏览 2提问于2015-10-23得票数 3
回答已采纳
2回答
我在跟踪ES2015。我希望将常规的javascript导入语句转换为ES2015导入语句。
我所拥有的：
我有javascript导入行如下所示：
var db = require('../config').get('db')
我试过的是：
import { config } from '../config'
const db = config.db
备注
config文件夹有我想要加载的index.js。在常规var ... = require('...')语句中，如果存在，则自动加载index.js。
浏览 2提问于2016-07-04得票数 0
2回答
我可以在导入时解构默认的导出对象吗？
给定以下导出语法(export default)
const foo = ...
function bar() { ... }
export default { foo, bar };
以下导入语法是否有效JS？
import { foo, bar } from './export-file';
我这么问是因为它确实在我的系统上工作，但有人告诉我它不应该按照规范工作。
浏览 0提问于2017-05-06得票数 78
回答已采纳
2回答
设置：
BabelJS (es2015，react，第1阶段)
Webpack
反应/还原
CommonJS和ES6都是新手。我知道对象实例和方法的静态容器之间的区别，但我不确定它们在分离到模块时是如何运行的。因此，我想知道返回实例之间有什么区别(这个模式有效吗？)：
// StateParser.js
class StateParser {
constructor() {
}
method1() {
...
}
}
export default new StateParser()
和出口管制方法：
// Sta
浏览 4提问于2016-08-22得票数 27
回答已采纳
比方说，我们在ES6中使用React。我们将React和Component作为
import React from 'react'
import { Component } from 'react'
为什么会有语法差异？我们不能像下面指定的那样使用吗？
import Component from 'react'
浏览 51提问于2017-01-21得票数 70
回答已采纳
1回答
我正在读的源代码，发现这一行很有趣(#18)：
import serveStatic = require("serve-static");
既然import是在ES6中使用模块的新方法，那么为什么要使用或需要上面的代码呢？
浏览 0提问于2019-01-24得票数 2
回答已采纳
1回答
我有一个ES模块，它使用我编写的CommonJS模块的命名导出。
es.mjs
import { MyNamedExport } from './commonjs.cjs';
console.log(MyNamedExport);
commonjs.cjs (好的)
exports.MyNamedExport = 'OK';
当我像这样在Node.js中运行ES模块时，一切都很好。
> node ./es.mjs
OK
无论如何，如果CommonJS模块中的导出部分以某种看似不相关的方式更改，即添加一对括号，则命名的导出将停止工作。
commonjs.c
浏览 6提问于2020-12-30得票数 7
在许多npm模块中，我最近安装了(例如。@material/core)有三种方法可以导入相同的React组件：
import { AppBar } from '@material-ui/core'
import AppBar from '@material-ui/core/AppBar/AppBar'
import AppBar from '@material-ui/core/es/AppBar/AppBar'
在哪种情况下，我应该使用变体3/ es6导出的文件？
如果tree-shaking / dead code eliminatio
浏览 0提问于2018-10-18得票数 1
首先，我很难问正确的问题。我觉得我错过或混合了一些关于TypeScript编译器、新ES2015 (ES6)模块语法和模块加载器的概念。
我正在尝试使用ES2015模块语法导入已安装的npm jquery模块。打字本应该把它转到ES5。
打开index.html时会出错。
system-polyfills.src.js:1276 Error: SyntaxError: Unexpected token <
Evaluating http://localhost:3000/jquery
Error loading http://localhost:3000/app/main.js
inde
浏览 5提问于2016-04-02得票数 4
1回答
以下是使用非缺省导出的两个示例。第一种使用commonjs语法，第二种使用es6。为什么第一个例子可以工作，而第二个不行？
// commonjs --- works!
var ReactRouter = require('react-router')
var Link = ReactRouter.Link
// es6 --- doesn't work!
import ReactRouter from 'react-router'
var Link = ReactRouter.Link
我知道我可以使用import { Link } from &#
浏览 0提问于2016-05-05得票数 17
回答已采纳
1回答
我试着导入高图集-更像这样：
import Highmore from '../../node_modules/highcharts/highcharts-more';
然后我得到以下错误：
Module '../../node_modules/highcharts/highcharts-more' was resolved to 'C:/Users/.../node_modules/highcharts/highcharts-more.js', but '--allowJs' is not set.
因此，我进入我的tsconf
浏览 2提问于2018-01-10得票数 0
回答已采纳
1回答
下面的最短ES6等价于require函数调用是什么？
module.exports = function(app) {...};
require('./routes')(app);
换句话说，在ES6模块中是否存在一个一行等价物？
浏览 4提问于2015-12-28得票数 6
回答已采纳
有没有一种使用ES6或ES7或babel的语法，可以让我轻松地将许多组子文件捆绑在一起？
例如，给定：
./action_creators/index.js
./action_creators/foo_actions.js
./action_creators/bar_actions.js
让index.js导入foo和bar操作，然后重新导出它们，这样我就可以
import {FooAction, BarAction} from './action_creators/index.js'
如果我要更改对象本身所组织到的文件，我不想记住/更改引用。
浏览 0提问于2016-06-28得票数 82
回答已采纳
中的代码是如何工作的--为什么？对象表示法似乎不能满足要求。我发现它相当令人困惑。在文档@Mozilla或@NodeJS中，这指的是什么？
文件expose.js
module.exports = {__dirname};
文件use.mjs
import expose from './expose.js';
const {__dirname} = expose;
那么，在use.mjs中，仅从对象导入关键字，这不应该真正起作用吗？(这不是...但上面的是！)
import {__dirname} from './expose.js';
编辑：我通常会做类似im
浏览 73提问于2018-08-10得票数 0
回答已采纳
在从CommonJS导入TypeScript模块的三种方法中：
import * as foo from "foo
import foo = require("foo")
const foo = require("foo")
哪一个是最前向兼容的TS和ES模块规范？
也就是说，当/如果"foo“库切换到使用ES模块时，上述哪个模块最不可能中断、或变得奇怪？
更新：(1)看起来最好，因为它是真实的ES模块语法，但我关心的是保留我们要导入的CommonJS模块的预期语义。例如，如果在导入模块时预期会出现副作用，那么我们希望在使用
浏览 3提问于2019-01-30得票数 1
回答已采纳
这就是我的意思：
import BsssButtonGroup from "react-bootstrap/ButtonGroup";
它的工作方式与以下方法相同：
import ButtonGroup from "react-bootstrap/ButtonGroup";
..and我不明白为什么？
BsssButtonGroup不是React中ButtonGroup组件中现有或定义的组件，那么我如何能够导入它呢？究竟进口的是什么？写一些随意的名字是怎么回事？？我以为你必须进口导出的组件？但是BsssButtonGroup不是导出的，那么我怎么能够导入它呢？
浏览 3提问于2022-09-07得票数 0
我想尝试一下新的兼容DOM的EventTarget类available as of Node.js 14.7.0。 我只能在CommonJS模块中使用它，而不能在ES6模块中使用它。例如： 运行node --expose-internals test.js工作，其中test.js是： const { Event, EventTarget } = require('internal/event_target');
const et = new EventTarget(); 如果我从ES6模块中使用它，我会得到一个错误： test.mjs import { Event, Eve
浏览 18提问于2020-10-04得票数 1
回答已采纳
我使用node.js，最近我决定尝试一下TypeScript，但我对如何导入模块感到有点困惑。我看到了两种不同的语法，我找不到它们的确切区别：
import * as a from 'a'; // ES6 standard to import stuff
// OR ...
import a = require('a');
这是同一件事吗？如果它们不是，我应该在哪里使用它们呢？
浏览 0提问于2016-06-06得票数 14
3回答
有没有办法在同一个TypeScript文件中同时导入和导出相同名称的变量？
例如，以下情况：
import { State as UIState } from './ui'
import { State as ConnectionState } from './connection'
export { State as UIState } from './ui'
export { State as ConnectionState } from './connection'
export type State = {
u
浏览 2提问于2018-02-01得票数 11
2回答
我有一个现有的require
const {dialog} = require('electron').remote;
我开始为ES6使用Babel，并希望将其改为import。到目前为止，我已经：
import electron from 'electron';
const {dialog} = electron.remote;
这是丑陋的，我不禁觉得有更好的方法来做这件事。我需要这里的对话框。我怎么才能在一条线上得到它？
浏览 2提问于2016-08-20得票数 2
1回答
假设使用webpack 2，和打字稿，这些陈述之间到底有什么区别。
import "moment";
import "imports-loader?window=>this!moment";
import "script-loader!moment";
import * as moment from "moment";
import { moment } from "moment";
在webpack 2的情况下，到底发生了什么.
尽管拖网浏览(IMHO不好的)文档，但我不太清楚。
例如，我发现使用scrip
浏览 0提问于2017-12-13得票数 0
回答已采纳
3回答
我开始学习react和es6。我在导入部件中看到了一些大括号。
import React,{Component} from 'react';
我注意到，这段代码中的大括号用于导入名为export的大括号。
但是我也在JSX部分中看到了一些代码，比如：
render() {
return (
<div>
<h1>Hello,wrold!</h1>
<h2>It is {new Date().toLocaleTimeString()}</h2>
</div>
);
浏览 1提问于2018-12-13得票数 0
回答已采纳
在ES6中使用导入导出时，我得到的错误如下：
SyntaxError:导出声明只能出现在顶层
我想找办法解决这个问题，但我做不到。有人能解释这件事吗。我对ES6很陌生，尤其是进出口业务。(我把StealJS完全用于这类东西了)谢谢！
js文件是：
app.js
import { cube, cubeRoot } from 'functions';
console.log(cube(4));
console.log(cubeRoot(125));
functions.js
// functions.js
function cube(a) {
return a
浏览 6提问于2016-02-11得票数 15
1回答
在过去，我使用过。
function myModule() {
function foo() ...
function bar() ...
return {
foo: foo,
bar: bar
};
}
使用ES6，通过对象速记对此进行了改进。
function myModule() {
function foo() ...
function bar() ...
return { foo, bar };
}
现在，使用内置模块语法，我很难找到最类似于上述模式的首选模式。
选项1命名出口
// export file
function foo
浏览 2提问于2017-05-16得票数 20
回答已采纳
如果是ES2015+，如何动态导入模块？
而不是..。
import {SomeClass} from 'lib/whatever/some-class';
我不知道运行时的路径，所以我希望将路径存储在变量中，并且希望从该模块导入特定的内容：
function doDynamicStuff(path) {
let importedThing = ...; //import * as importedThing from path;
let thingIReallyWant = importedThing.someExportedVariable;
..
浏览 4提问于2016-06-10得票数 5
回答已采纳
快速问答。我对ES2015(ES6)有点困惑。
假设我使用Babel将当前浏览器的ES6 Javascript编译为兼容的ES5。
通过使用Babel，导入/导出函数已经在ES6中可用。那么，为什么我需要像Browserify或Webpack这样的东西，如果我仅仅使用这些东西来捆绑我的模块，而ES6可以为我这样做呢？
无论我走到哪里，我都会看到人们在使用Babel，同时使用Browserify或Webpack。虽然我知道像Webpack这样的东西可以用于更多，但我想知道是否也可以使用ES6语法捆绑文件。
我可能完全错了，我可能在2016年的Javascript中迷失了方向，所以我希望有人能为我
浏览 6提问于2016-10-07得票数 10
回答已采纳
我正在尝试构建一个与Sails.js同构的应用程序，并做出反应。客户端部分很简单。但是我遇到了服务器端渲染的问题。
当我试图使用React服务器呈现一个*.jsx文件时，我得到了以下内容：
renderToString(): You must pass a valid ReactElement
我正在使用水手，反应和帆钩-巴贝尔(用于ES6语法)。
./资产/组件/Auth.jsx：
import React from 'react';
export class Auth extends React.Component {
constructor(props) {
浏览 5提问于2015-09-05得票数 10
回答已采纳
我正在尝试集成谷歌分析应用程序接口“服务器到服务器”在Node.js。我现在正在关注这个文档。尝试了更多。
我现在遇到的是一个错误
var analytics = google.analytics('v3');
^
TypeError: google.analytics is not a function
at Object.<anonymous> (/server/services/data_resources/analytics/analyticsTest3.js:9:24)
at Module._compi
浏览 0提问于2018-09-13得票数 1
2回答
我想写与ES6导入的要求。在没有密钥的情况下，很容易做到：
var args2 = require('yargs2'); -> import foo from 'bar';
但是有了键，我找不到合适的语法：
var foo = require('bar').key;
我该怎么做呢？
浏览 0提问于2015-08-03得票数 12
回答已采纳
以下内容生成有效的、工作的ES5，但在下面发出错误。我使用的是类型记录1.7.5，我想我已经阅读了整个语言规范，我不知道为什么会产生这个错误。
error TS2349: Cannot invoke an expression whose type lacks a call signature.
a.js (具有默认导出的ES5环境模块)
function myfunc() {
return "hello";
}
module.exports = myfunc;
a.d.ts
declare module "test" {
export defaul
浏览 6提问于2016-02-14得票数 19
回答已采纳
我想一次在多个文件中使用-- ES6模块系统。示例:我有一个入口点index.js文件，其中运行我的所有代码，还有另外两个文件，比如exampleOne.js和example.Two.js。因此，我想从另外两个文件执行代码到入口点文件，这个文件名为index.js。所以我怎么能做到我试过却没有成功
浏览 1提问于2018-07-26得票数 0
es6/Babel: My文件夹如下所示：
A/
index.js
a.js
...other
我通过a.js文件公开index.js的内容如下：
export { foo, bar } from './a';
这样我就可以使用以下方法导入它：
import { foo, bar } from '../A';
但是现在，我想在index.js中使用index.js，这样如果我从a.js导出另一个东西，它就会自动公开：
export * from './a';
但是当我这样做的时候，我会发现这样的错误：
未定义的Refer
浏览 2提问于2017-10-05得票数 2
我正在为我的项目使用类型记录，并使用i18next进行内部化。
打字本: v2.1.4
i18next: v2.3.4
@type/i18Next: v2.3.35
在我的档案里：
import * as i18next from 'i18next';
i18next.init({
lng: 'en',
resources: {
en: {
translation: {
"key": "hello world"
}
浏览 2提问于2017-02-27得票数 3
回答已采纳
1回答
我想这么做
var debug = require('debug')('myapp');
..。在ES6中，不需要创建额外的变量。这是可以做到的吗？
浏览 5提问于2015-01-29得票数 5
2回答
我想以编程方式为一个模块生成导出，这在es6中是可能的吗？
类似于这样的东西：
const ids = ['foo', 'bar', 'baz'];
ids.forEach(id => {
export const [id.toUpperCase()] = id;
});
浏览 3提问于2016-03-08得票数 3
回答已采纳
我最近写了很多ES6，使用import {variable} from 'ES6module'语法，用在浏览器中编译代码。我开始研究，因为它似乎允许我使用相同的语法导入AMD、commonJS和ES6模块。
不过，阅读这些文档开始让我感到困惑。我看到了很多异步调用，比如System.import('path/to/module').then(function(variable) { ... })，这些调用我不习惯用于依赖项导入。
我读过，它涵盖了许多不同的工作流，其中没有一个涉及在运行时导入一个ES6模块和一个AMD/commonjs模块。我在想这样的事情：
i
浏览 2提问于2014-09-16得票数 6
回答已采纳
2回答
重写要求导入语句
、、、
我正在尝试将与本机BigInt支持结合使用。在CommonJS，我会这样做：
var JSONbigNative = require('json-bigint')({ useNativeBigInt: true });
什么是ES6语法等效的？这是行不通的：
import * as JSONBigIntWrapper from 'json-bigint';
const JSONBigInt = JSONBigIntWrapper({useNativeBigInt: true});
因为它抱怨JSONBigIntWrapper不是一个函数。
重写导入的通用规则是
浏览 11提问于2022-05-01得票数 1
回答已采纳
最近，我看到了一个包，里面有两个构建的文件。
index.es.js
index.js
我很好奇为什么有两个Js文件。
当我导入包时
import test from 'this-package';
将使用哪个文件，以及如何确定要导入哪个文件？
浏览 1提问于2019-06-06得票数 1
回答已采纳
使用ESM模块拥有一个TS 4.7库。
tsconfig.json：
"target": "ES2020",
"module": "ES2020",
"lib": ["ES2020"],
"moduleResolution": "node",
package.json
"type": "module",
我有一个主文件，只有一个愚蠢的导出：
index.ts
export { Spig } from &
浏览 7提问于2022-08-21得票数 2
回答已采纳
我正在将一个BackboneJS (v1.2.2)项目转换为带有BabelJS的ES6。
我注意到以下两者之间存在差异：
import Backbone from 'backbone'
和
import * as Backbone from 'backbone'
在阅读了之后，我了解到前者是在导入Backbone的缺省导出，而后者允许我“导入整个模块，并通过属性表示法引用其命名导出”。
我正在努力理解它们之间的区别。在这两个实例中都会返回对象，但前者似乎用其他属性/方法进行了修饰。至少，我认为导入“整个模块”会有更多的属性/方法……但我看到的是相反的情况。
浏览 0提问于2015-08-27得票数 24
回答已采纳
我运行的是"target": "es2015",配置的TypeScript 2.0.3。我从以下几点开始
/// <reference path="../../node_modules/@types/node/index.d.ts" />
import assert = require('assert');
但在Visual Studio中，这会被一个工具提示标记出来，上面写着Import with 'require' cannot be used when targeting ECMAScript 6
浏览 3提问于2016-10-06得票数 44
回答已采纳
3回答
我在NodeJS工作。我有大量的遗留代码，包括在许多地方使用的几个包。这段代码都是CommonJS，Node ()模块结构。
节点现在支持ES6。因为它是Javascript语言特性，所以我想迁移到它。
今天，我开始了一个小项目。我的小项目样板需要()几个我最喜欢的实用程序，然后说'Hello‘。我编辑了它来导入这些实用程序。Node告诉我，我需要在我的package.json中添加"type":"module“，我做到了。
当我运行它时，有人告诉我“未定义需求”，这指的是我导入的一个实用程序模块。
我推断，这意味着一个项目要么是CommonJS，要么是ES6，
浏览 4提问于2021-04-24得票数 5
es6模块应该在coffeescript中工作(参见)，但是即使对于一个非常简单的项目，它也不适用于我。我：
创建了一个新目录
在其中运行“npm init -y”
在我的package.json中添加了键"type"：“模块”
创建了2个文件: index.coffee和utils.coffee
从“utils.coffee”导入{myprint}
我的指纹(“你好，世界！”)
导出myprint = (str) ->
console.log(str)
当我尝试在Windows和PowerShell上执行index.
浏览 8提问于2021-05-30得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
