问题标签 [es6-modules]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1697 浏览

javascript - Webpack:index.js 以外的默认文件

在当前的 webpack 项目中,我的代码被划分为模块,每个模块都有一个带.module.js结尾的主入口点。例如对于模块Util,入口点是util.module.js,我通过编写将它包含在其他模块中import util from 'modules/util/util.module.js'

但是,由于所有模块的入口点语法相同,我宁愿避免指定入口的完整文件名。例如,如果我能写就更好了import util from 'modules/util'

我知道如果util.module.js是 name这index.js可行,但是我如何告诉 Webpack 以相同的方式获取我当前的模块条目?

0 投票
3 回答
96 浏览

reactjs - 我对 ES6 中的导入有什么误解?

我在 React 中使用标记库完成了非常简单的降价预览器。起初我通过在我的 Index.html 中添加脚本来做到这一点

一切正常,但是当我删除字符串 react.js 和 react-dom.js,并将它们添加到 script.js 中时,如下所示,我在控制台中看到了一个错误: 控制台错误

0 投票
1 回答
397 浏览

javascript - 如何在 javascript 中创建导出类型定义的实例?

react-native-fbsdk (v0.3.0) 在 FBShareOpenGraphContent.js 中定义了以下类型

如何创建ShareOpenGraphContent的实例?

0 投票
1 回答
646 浏览

reactjs - 如何使用 babel 编译 React JSX 和 ES6 模块并使用浏览器原生 ES6

我遇到的问题是在使用“react-app”Babel 预设时,Babel 阻止我使用浏览器原生 ES6 功能。

如何使用最新 Chrome 中可用 的ES6 浏览器原生功能http://kangax.github.io/compat-table/es6/

同时也使用ES6 模块系统,目前尚不支持 https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/import

并且在编写 React 组件时还继续使用 JSX 语法?

0 投票
0 回答
317 浏览

reactjs - 导入非反应类失败

我在一个项目中使用 react 并且 React.Component 类的导入没有问题。但是,当尝试导入不扩展任何内容的 vanilla es6 类时,它会失败。即使 eslint 编译没有问题。导入的类在构造函数中也是 null。

0 投票
2 回答
761 浏览

javascript - 命名导出函数声明后是否需要分号

首先,这不是关于 ASI 的问题。我不是在问这里是否适用自动分号插入(嗯,我有点,但开场白是为了避免在我是否应该使用分号之间发生争论,因为 asi 会处理它我...)

我知道不要在函数声明后加分号...

export但是在函数声明之后我需要一个分号吗?

无论哪种情况,我也很想知道为什么。

0 投票
0 回答
141 浏览

jquery - Angular2 Webpack Summernote 未绑定到 Bootstrap

我已经像这样使用 webpack.ProviderPlugin 配置了 jquery

]

并且在我的 vendor.js 中引导后导入了summernote,就像这样

当我在我的组件中创建一个 Summernote 控件时,工具栏中的下拉按钮不起作用,按钮上的工具提示不显示,并且通常没有任何内容正确绑定到引导 js。我在网上看到有人遇到这个问题的唯一地方,他们说这是因为运行了多个版本的 jquery,但我很确定我只加载了一次 jquery。

有任何想法吗?

0 投票
1 回答
2736 浏览

node.js - NodeJS 是否支持“导入”样式的模块加载?

我正在查看一个从GitHub下载的 NodeJS 项目。它有一个主文件 ,server.js它使用 ES6 模块导入语法,如下所示:

我安装了 NodeJS 版本 4.6.0,它很旧,我认为它不支持这种语法。相反,它应该是这样的:

但是我可以正确运行这个项目而不会出错,我认为这表明 NodeJS 支持这种语法,但是 NodeJS 文档从未指定这种模块语法。我们可以在这里使用它的原因是什么?谢谢你的帮助。

0 投票
2 回答
14813 浏览

jquery - 如何在 TypeScript 中扩展 JQuery 函数

我在 TypeScript 上重写了一些 JS 代码,遇到了模块导入问题。例如,我想编写我的toggleVisiblity函数。这是代码:

但问题是由于未知原因toggleVisibility没有添加到JQuery接口中,因此我得到一个错误Property 'toggleVisibility' does not exist on type 'JQuery'.,尽管它看到了其他方法(val等等each)。

为什么它不起作用?

在此处输入图像描述

0 投票
1 回答
38 浏览

javascript - 我的链条在哪里断裂?

我打算第五次建立一个“员工管理系统”用于实践目的。每次我练习不同的编码方式(希望及时我会擅长它)。

稍后我将添加一个带有一些文本输入的表单和一个按钮,该按钮将注册新的 us Employee 并将其显示在列表中。

但是这次我正在使用“Web App”定向来执行此代码。我想主要通过 Javascript 创建我所有的 HTML。我在其中创建了一个模板class Item,最终将注入一些 html 到index.html

在这个系统中,我有3 种类型/类别的员工

  1. 老师
  2. 开发商
  3. 首席执行官

每种员工类型都有不同的方法。但是所有类型的员工都有两种方法。 sayHello()checkIn()。这要归功于class Employee所有其他类型的继承。

反正..

Item.js中,我希望将渲染函数分解为两个较小的函数:

  1. renderContainer() - 用于为用户详细信息创建父容器的模板。

  2. renderDetails() - 用户详细信息的模板。

我尝试在我想检查返回值的地方使用 console.log 对其进行调试。我对调试器及其优点还不是很熟悉。

你能告诉我的代码有什么问题吗?这条线有什么问题? this.container.find(".employee").html($details);

为什么它的价值没有被正确地传递到renderContainer()它被调用的地方?

git仓库: https ://github.com/ueeieiie/ems3

script.js文件:

CEO.js文件:

Developer.js文件:

Employee.js文件:

Item.js文件:

index.html文件: