如何从排除的模块(ES6)导入？
在JavaScript中，可以使用ES6的模块导入语法来从排除的模块中导入功能。ES6模块是一种用于在JavaScript中组织和共享代码的标准化方式。
要从排除的模块中导入功能，可以使用以下语法：
import { 导入的功能 } from '排除的模块';其中，导入的功能是要从排除的模块中导入的具体功能，可以是变量、函数、类等。排除的模块是包含所需功能的模块的路径或名称。
例如，假设有一个名为utils.js的排除的模块，其中包含一个名为add的函数。要从该模块中导入add函数，可以使用以下语法：
import { add } from 'utils';这将导入utils.js模块中导出的add函数，并使其在当前模块中可用。
需要注意的是，导入的功能必须在排除的模块中被导出，否则将会导致错误。可以使用export关键字将功能导出为可供其他模块导入的公共接口。
ES6模块的优势包括：
- 模块化组织：ES6模块提供了一种更好的方式来组织和管理代码，使代码更易于维护和重用。
- 作用域控制：每个ES6模块都有自己的作用域，模块中的变量和函数不会污染全局命名空间，可以避免命名冲突。
- 静态导入：ES6模块的导入和导出是静态的，编译时确定的，这使得工具可以进行静态分析和优化。
- 异步加载：ES6模块支持异步加载，可以在需要时动态地加载模块，提高应用程序的性能和加载速度。
对于ES6模块的应用场景，它适用于任何需要组织和共享代码的项目，特别是大型项目和复杂的应用程序。它可以帮助开发人员更好地组织代码结构，提高代码的可维护性和可重用性。
腾讯云提供了云计算相关的产品和服务，其中包括云服务器、云数据库、云存储等。具体与ES6模块导入相关的产品和服务，可以参考腾讯云的文档和官方网站获取更详细的信息。
参考链接：
相关·内容
3回答
我目前正在创建一个bower包，用于导出单个ES6模块。
在构建包的dist时，我使用rollup将所有内部模块移动到一个模块中，只导出一个模块。
吞咽任务：
// Bundle ES6 modules into a single file
gulp.task('bundle', function(){
return gulp.src('./src/GuacaMarkdownEditor.js', {read: false})
.pipe(rollup({
// any option supported by rollup can b
浏览 10提问于2015-12-02得票数 5
回答已采纳
1回答
我在试着处理Node和ES模块。具体来说，如何/如果您可以从导入语句的路径字符串值中省略文件扩展名(还可以选择获得VSCode来自动完成这些路径)。
据我所知，您可以为文件提供.mjs扩展名，也可以在package.json中设置"type" = "modules"，但这两种方法都会导致以下问题。
如果文件扩展名为VSCode，则不会自动完成路径，只有在文件为.js时才会看到。但是，如果是manually.Trying，则自动完成忽略字符串中的扩展名，导入失败，直到我将其添加到.js以在自己的模块中使用像graphql这样的库时也会失败，因为已经编写了graph
浏览 2提问于2020-08-17得票数 12
我正在尝试设置Jest，以便使用带有ES6预置的Babel来处理我的env项目。该代码与Webpack一起编译和工作，但与Jest无关。问题似乎是从node_modules内部转出的代码。
package.json (纱线)：
{
"name": "generative-toolbox",
"version": "0.0.1",
"main": "toolbox.js",
"repository": "git@bitbucket.org:yojeek/gene
浏览 0提问于2018-05-04得票数 0
回答已采纳
我正在浏览，并使用导入stament.ex：找到了许多文件。有人能告诉我导入语句是如何替换nodejs的standerd语句的吗?它们是如何工作的？
编辑:这不是重复，因为导入语法不同于ES6语法
浏览 0提问于2016-01-01得票数 1
回答已采纳
1回答
我正在运行一个react应用程序。由于以下错误消息，下面的代码无法工作：
import =不受@babel/plugin的支持--请考虑使用import <moduleName> from '<moduleName>';与类型记录的--允许合成import <moduleName> from '<moduleName>';选项一起使用。
apiTypes.d.ts
declare module ModuleA {
declare module ModuleB {
export int
浏览 2提问于2021-04-17得票数 1
回答已采纳
我想在node中的文件中导入一个函数，但我得到了错误的意外令牌。我在这里做错了什么？我的文件works2.js如下所示
function isEmpty(obj) {
for (let key in obj) {
if (obj.hasOwnProperty(key))
return false;
}
return true;
}
export default isEmpty
我的test2.js文件如下所示：
import isEmpty from './works2';
这两个文件都在同一个目录中，但是如果我
浏览 1提问于2019-08-08得票数 0
我有一个JavaScript文件mystuff.js，它在IE11中抛出错误(由于for..of循环，等等)。
因此，我尝试将其与Babel一起转换，以便在IE11中使用。然而，Babel的输出似乎与IE11不兼容。(IE抱怨"SCRIPT5009：'require‘是未定义的“)。
看来巴贝尔的结果不是真的JavaScript IE11.
供参考，我所做的步骤：
I安装
纱线添加-D @babel/core @babel/cli @babel/预设-env纱添加-D
I创建一个具有以下内容的babel.config.json：
{
"presets":
浏览 1提问于2020-08-12得票数 1
回答已采纳
1回答
我试图了解 of import的不同语法是什么，以及我什么时候需要使用它们。
我正在使用打字本1.6 (目前的最新版本)。
我看过几个做导入的例子。其中一个看起来是这样的：
import {Aurelia} from "aurelia-framework";
这使我可以从Aurelia访问Aurelia。我或多或少地理解了这个，但我不知道引号中的部分是从哪里看出来的。
下面是插入到我的代码中的另一个重定向程序：
import myJsServiceActions = require("../../service_actions/myJsFile");
这也让我可
浏览 2提问于2015-11-19得票数 5
我正在尝试使用Web3 JavaScript库，因为我被困在了锈病中。库的标准使用从以下几个方面开始：
// In Node.js use: const Web3 = require('web3');
let web3 = new Web3(Web3.givenProvider || "ws://localhost:8545");
您应该导入的模块是一个构造函数，它还具有其他一些属性。我应该绑定这个API的锈蚀代码如下所示：
#[wasm_bindgen(module = "web3")]
extern "C" {
ty
浏览 3提问于2020-11-16得票数 4
回答已采纳
1回答
我正在尝试为d.ts库创建一个文件。
NPM中安装的库如下所示：
var React = require('react');
var StaticContainer = (function (_React$Component) {
function StaticContainer() {
// ...
}
// ...
return StaticContainer;
})(React.Component);
module.exports = StaticContainer;
一个示例用法如下：
var StaticContainer = req
浏览 1提问于2015-11-20得票数 3
1回答
我已经将Webpack配置文件从CommonJS转换为ES6模块到。像这样的一些ES6导入语句可以工作：
import config from '../config'
虽然这条线不起作用
import utils from './utils'
导致这一错误
$ babel-node ./node_modules/.bin/webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
/my/directory/build/vue-loader.conf.js:34
load
浏览 0提问于2018-03-20得票数 0
为什么浏览器不让我做：
Getters.js
let Getters = {}
Getters.foo = function(){ return 1; }
Getters.bar = function(){ return 2; }
module.exports = Getters;
但是在npm run build和serve -s build -l 4000之后，我得到了错误消息：
Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>&
浏览 2提问于2020-08-25得票数 1
我正在构建一个node.js应用程序，并试图将我的所有mongodb逻辑放在一个单独的文件中。此时，该文件只有一个函数来初始化mongodb连接。我想使用module.exports从这个文件导出所有函数。
我的mongo文件如下所示：
import { connect } from "mongoose";
const run = async (db: string): Promise<void> => {
await connect(db, {
useNewUrlParser: true,
useUnifiedTopology: tru
浏览 3提问于2021-05-15得票数 0
回答已采纳
我正在学习如何使用无状态功能组件，并要求如下所示：
const Button = require('./components/Button');
在Button.js中：
import React from 'react';
const { Text, View, TouchableOpacity,} = ReactNative;
const Button = () => {
return (
<View><Text>Button</Text></View>
);
}
ex
浏览 2提问于2016-10-24得票数 0
回答已采纳
角-cli使用es6模块作为TypeScript: In tsconfig.json的输出格式：
{
"compilerOptions": {
"modules": "es6",
"target": "es5",
...
webpack后来如何处理它，使它在es5中工作呢？
如果我正确理解它，许多项目使用babel使es6模块正常工作，但我没有在角cli中找到任何对babel的引用。
我从一开始就尝试建立一个webpack项目，因为事实证明，对于我们的项目来说
浏览 2提问于2016-10-07得票数 9
回答已采纳
1回答
在Nodejs中，import Obj from 'module_1'语句和const Obj = require('module_1')语句是否相同？这就是Obj应该成为构造函数的时候。我想知道，因为使用import语句似乎对我不起作用，所以我想知道是否有其他方法来编写它。
浏览 13提问于2019-02-19得票数 5
2回答
我正在测试一个具有导入JS模块的Angular 7组件，如下所示：
component.ts
import * as classA from '../../classA'; // Imported JS modules
export class component implements OnInit {
public a = new classA(10); // Instantiate
...
}
classA.js
class classA {
constructor (a) {
this.max = a;
...
}
if (typeof mo
浏览 6提问于2018-12-05得票数 1
1回答
在ES6模块中，这一功能如预期的那样工作：
index.js
import { foo, init } from "./foo";
init();
console.log(foo); // 42
foo.js
export let foo;
export const init = () => {
foo = 42;
};
然而，在Node.js中，当我尝试同样的事情时，foo没有得到更新。
如何在运行foo后对42进行init()更新？
index.js
let { foo, init } = require('./f
浏览 1提问于2021-01-07得票数 3
回答已采纳
WordPress Gutenberg块构建脚本使用wordpress/dependency-extraction-webpack-plugin构建块，而不重复WordPress依赖项，但是其他依赖项呢？
如果我用10个块构建了一个插件，并且它们都是重用的依赖项，那么WordPress构建脚本将把依赖项嵌入到每个块包中。
有没有一个好的方法来处理这件事，而不必重新创建webpack自己的建筑？
浏览 0提问于2020-09-14得票数 1
回答已采纳
如何使用ES6 import语句导入非typescript库
import {observable, action, computed, transaction} from "mobx";
和
import lib from "somelib"
浏览 0提问于2016-10-29得票数 0
1回答
我已经构建了一个react组件，我想从独立文件中的第二个组件中呈现该组件。
StoryStrap.react.js
var React = require('react');
import { Input, ButtonInput, Alert } from 'react-bootstrap';
var StoryStrap = React.createClass({
render: function() {
return (
<div>
<Input type="text&#
浏览 2提问于2015-12-09得票数 0
我想导入一个使用export =语法的库：
// File MyClass.ts
export = class MyClass {
如何在我的另一个文件中导入此文件：
import MyClass from './MyClass.ts' // throws "MyClass has no default export"
浏览 0提问于2016-06-06得票数 0
1回答
我是javascript和nodejs的新手，我正在使用这个项目来开发我的技能和学习新技术。目前，我的项目使用相互依赖的多个类。类文件位于不同的目录中，我目前正在尝试使用export和require语句来允许在其他文件中引用类。我还使用browserify和watchify将所有文件捆绑在一起，以简化html脚本标记。
下面是项目布局(JavaScript文件夹)
-Base (Folder)
--Game.js (Class)
--Player.js (Class)
--Ball.js (Class)
-Helpers (Folder)
--Draw.js (Class)
--He
浏览 3提问于2017-08-18得票数 4
2回答
我有一个现有的Range2Project，现在我必须使用一个使用名称空间的外部TypeScript库。我需要从外部库中导入一些类，这样我就可以使用它们了。
externalLibrary.ts
namespace com.foo.bar {
export class A {
doSomething() {
}
}
}
在我的Angular2组件中，我想做的是：
myA: A = new A();
myA.doSomething();
到目前为止，我已经尝试过：
1)
import {A} from '../dir/externalLibrary';
浏览 0提问于2017-12-05得票数 1
1回答
我有一个Node.js模块(index.js)，它与Babel一起被转换到代码中，如下所示：
// My stuff ...
var fs = require("fs");
var path = require("path");
exports.fileContent = fs.readFileSync(
path.join(__dirname, "file.txt"),
'utf8'
);
// Babel compiler stuff ...
Object.defineProperty(
exports,
浏览 3提问于2016-05-20得票数 1
1回答
我在一个Ember应用程序中定义了许多模块，每个模块都从相同的路径开始。我想将模块导入到应用程序中的模块中。例如，我可以写：
import post1 from 'posts/1';
import post2 from 'posts/2';
import post3 from 'posts/3';
export default Em.ObjectController.extend({
posts: Em.A(post1, post2, post3),
});
但是，我不知道模块名，因为它们是由预编译器动态创建/命名的。我只知道路径总是以相同
浏览 1提问于2014-11-04得票数 4
回答已采纳
有人能解释简单的import和ES6模块加载器的System.import语句(或者System.js、Webpack等)之间的区别吗？
有点像
System.import('https://code.jquery.com/jquery.js').then();
似乎是可能的，同时也是一个简单的
import 'jquery';
System.import是在导入语句之后进行回调的唯一可能性吗？
浏览 15提问于2015-06-18得票数 2
回答已采纳
我已经设置了： <script src="./Snake.js" type="text/javascript"></script> 在我的HTML文件上。 我有一个Snake.ts，我正在用下面的配置编译成JS： {target: "es6", module: "commonjs"} 但是Typescript正在将我的导入语句转换为使用require函数(该函数仅适用于NodeJS)，因此浏览器会抱怨 Uncaught ReferenceError: require is not defined. 我没
浏览 29提问于2020-04-30得票数 1
回答已采纳
3回答
所以，我正在尝试一下打字稿和Grunt，看看这对我是否值得。问题是:类型记录不编译为*.mjs文件，而是只编译常规的*.js文件。节点支持ES6模块，但必须将它们标记为“*.jsm”文件或设置"type": "module"。然而，在package.json中设置这个顶级字段对于同一目录中的任何*.js文件和以下任何文件都具有全局范围。
这会破坏Gruntfile.js文件，因为它使用了CommonJS模块，请参见我的基本Gruntfile示例：
module.exports = function (grunt) {
grunt.initConfig({
浏览 1提问于2020-06-17得票数 1
回答已采纳
我使用node.js，最近我决定尝试一下TypeScript，但我对如何导入模块感到有点困惑。我看到了两种不同的语法，我找不到它们的确切区别：
import * as a from 'a'; // ES6 standard to import stuff
// OR ...
import a = require('a');
这是同一件事吗？如果它们不是，我应该在哪里使用它们呢？
浏览 0提问于2016-06-06得票数 14
我理解当您想要在多个地方重用一个模块时。您需要：module.exports = yourModuleClassName，以使该模块可导出。
接下来，当您想在其他地方使用它时，只需导入它，如：import yourModuleClassName from 'yourmodulePath'
我完全理解上述概念，我对此毫不怀疑。今天，我更关心的是，当您导入一个包时会发生什么：
比如导入redux表单包：
所以我首先要做的是：npm install redux-form
接下来要做的是:在我的模块中使用import redux-form from redux-form。
现在，当我
浏览 0提问于2016-07-28得票数 6
2回答
TypeScript从
、、、
全部：
当我阅读"Angular2 5分钟开始“-Tutorial时，第一个语法让我感到困惑：
import {bootstrap, Component} from 'angular2/angular2';
我想知道在哪里可以从TypeScript找到这种语法(我只找到导入，但没有找到import...from)？
谢谢
浏览 6提问于2015-11-24得票数 1
回答已采纳
背景
在JavaScript中导入模块时，我们使用导入模块的名称污染全局命名空间：
foo.js
export foo() {..};
export const bar = 3.14;
index.js
import { foo, bar } from './foo.js';
问题
在index.js中，foo和bar位于全局名称空间中，对吗？因此，假设我发布了这个模块，有人在他们的HTML文件中使用它，还有另一个脚本，它也定义了全局命名空间中的变量foo和bar。那我们就不会发生碰撞吗？
我想这可以通过将main.js中的所有东西封装在一起来解决。但是，出于某种原因，ESL
浏览 3提问于2018-05-21得票数 4
回答已采纳
2回答
这是可行的：
import app from './../app.js';
但这不是：
import app from path.join(process.cwd(), 'app');
我得到了：
SyntaxError: /path/file.js: Unexpected token (5:16)
> 5 | import app from path.join(process.cwd(), 'app');
| ^
可以(和/或如何)使用“动态”路径吗？(不对路径进行硬编码或依赖相对路径)。
浏览 1提问于2015-05-20得票数 50
回答已采纳
我有一个类型记录文件，其中添加了一些功能。下面显示类型记录文件的实际地址：
../myproject/src/util/validation/user-validation
所有函数都是从文件中导出的。例如,
export function validateSignUpData(userDetail:UserDetail):Array<String>{
let errorMessages = new Array<String>();
/* Some Code */
现在，我试图在Node服务器中使用导出的函数，尽管它引发了一个我不理解的错误。
浏览 4提问于2020-03-01得票数 2
回答已采纳
我有一个简单的例子：
import { fetch } from 'node-fetch';
import {express} from 'express';
const app = express();
const PORT = 3000
const RANDOM_DOGS_ENDPOINT = 'https://dog.ceo/api/breeds/image/random';
app.get('/get_dog', async (req, res) => {
const result = await
浏览 2提问于2022-02-18得票数 0
我正在将一个Range1.5项目转换为TypeScript，并遇到了导入angularTranslate时遇到的问题。
我试图像这样导入和：
import * as angular from "angular";
import * as angularTranslate from "angular-translate";
console.log(angular, angularTranslate);
我使用的是从安装的类型。
当我用TypeScript 1.8 (module: "commonjs")编译时，它会发出这个JavaScript：
浏览 3提问于2016-06-20得票数 5
回答已采纳
在这个设置中，如何传输从生成的ngfactory文件导入的angular2库？
当前的应用程序是webpack + aot基于角度文档的食谱的组合。
angular.io/docs/ts/latest/cookbook/aot-compiler.html
Angular.io/docs/ts/最新/指南/webpac.html
我有一个可以工作的POC，您可以从这个回购中复制这个问题：
完成编译/捆绑之后，可以打开以下两个文件：
非aot.html--这是同一个应用程序的非aot版本，它加载得很好。
aot.html -此文件在以下情况下失败：
ng_module_factory.js?9
浏览 5提问于2016-10-12得票数 2
回答已采纳
我还没有找到一个有价值的NodeJS和Typescript教程，所以我在没有指导的情况下潜入其中，果然我有一个问题。
我不明白这两行之间的区别：
import * as http from 'http';
// and
import http = require('http');
他们似乎以同样的方式工作，但我想他们的行为可能有一些细微的差别，否则他们中的一个可能不会存在。
我确实理解第一种方法可以让我有选择地从一个模块导入，但是如果我导入所有模块，那么这两种方法之间有区别吗？有没有更好的方式？如果我从我自己的文件导入，会有什么改变吗？
浏览 1提问于2016-03-02得票数 18
回答已采纳
1回答
在使用React进行编程时，我们通常从以下几个方面开始：
import React from 'react';
import ReactDOM from 'react-dom'
然后我们就可以以某种方式获得反应功能。但这到底是怎么回事呢？react和react dom模块位于哪里，编译器如何知道如何找到它们？
浏览 0提问于2018-03-29得票数 1
回答已采纳
1回答
我正在尝试将Express.js项目转换为二进制文件，并且我正在使用zeit/pkg库。但是，每次我尝试使用pkg时，它都会给我一个错误。
有没有办法强制Node/Npm使用es5而不是es6。
浏览 0提问于2018-10-09得票数 0
1回答
(的后续行动)
请有人确认以下语法在ES6中仍然有效吗？
module "javascripts/bar" {
export function Bar() {}
}
我正在考虑使用级联的场景。是的，我知道HTTP2将使级联模拟，但我想连接我的模块今天。
如果这是无效的，我应该如何构造我的模块，使它们在同一个文件中仍然有效？
浏览 1提问于2014-12-15得票数 2
回答已采纳
1回答
在许多为node.js编写的代码中，您可以看到类似于
var debug = require('debug')('myserver:sub-bit');
我的问题是，我如何使用import来做到这一点？以下方法似乎不起作用。
var debug = (import d from 'debug')('myserver:sub-bit');
我也没有发现任何其他有效的短变体。当然，长期的方法是
import debugLib as 'debug';
var debug = debugLib('myserver:
浏览 1提问于2016-01-22得票数 0
我在两个单独的文件中有两个类，一个从另一个扩展而来。基类包含一些使用节点模块的import语句。我不明白为什么派生类(在单独的文件中)不能识别基类！？
有人能澄清这一点吗？
// UtilBase.ts
/// <reference path="../typings/node.d.ts" />
/// <reference path="../typings/packages.d.ts" />
import * as path from "path"; // <---- THIS LINE BREAKS THE B
浏览 0提问于2016-06-01得票数 49
回答已采纳
我是新来的反应-来自reactjs+typescript的本地人。我正在尝试建立一个相当简单的项目测试，看看这种技术是如何工作的。我用的是VS代码。
在基本教程之后，我已经设置了我的项目，我可以在仿真程序中运行它。
现在，我想了解如何创建自定义.tsx文件(例如profile.tsx)，编写呈现函数并将其显示在索引页(index.android.js)上。
因此，我创建了一个.tsx文件：(我省略了文件开头的各种导入语句)
export class Profile extend React.Component {
render(){
return <
浏览 2提问于2016-12-12得票数 2
回答已采纳
1回答
我们正试图组织一个较旧的包裹。为此，我们开始将原始的"export = module“表单更改为"export default module”。由于"import module from 'module'“正在编译为"module_1”，此更改破坏了代码中使用eval()的另一部分。提供给eval()的代码来自外部源，而我们希望使用的是模块，而不是"module_1.default“表单。
这种命名约定实际上是如何工作的？您能告诉我们这个概念吗?我们如何使用原来的模块名而不是编译的模块名？或者在编译后是否有一个函数来获取模块的实际名称？
浏览 2提问于2017-02-15得票数 0
回答已采纳
刚开始的角度2，我有一个最奇怪的问题。我从GitHub的Range2Quickstartrepo开始，并添加了一些模板组件。
例如：
import { Component } from '@angular/core';
import { LayoutComponent } from './layout.component';
@Component({
selector: 'app',
template: `<layout></layout>`,
})
export class AppComponent { n
浏览 4提问于2017-03-14得票数 3
回答已采纳
我试图将函数从依赖项导入到我的下一个/组件，但不知怎么地，我始终得到以下错误：
SyntaxError:意外令牌“导出”
这就是我要导入的函数：
export function classes(...args) {
const list = [];
for (let i = 0; i < args.length; i++) {
const entry = args[i];
if (typeof entry === "string") {
list.push(entry);
}
浏览 9提问于2021-01-28得票数 19
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
