文章/答案/技术大牛

发布

社区首页 >问答首页 >在ES6中不能在一行中同时导入`$‘和’`jQuery`‘

问在ES6中不能在一行中同时导入`$‘和’`jQuery`‘
EN

Stack Overflow用户

提问于 2016-12-23 14:06:24

回答 1查看 439关注 0票数 2

我正在尝试使用ES6语法，我想尝试与jQuery和Webpack一起使用ES6。我读了a StackOverflow post，说明了怎么做的，下面有一条评论说为什么不这么做

import {$, jQuery} from 'jquery'

我试过了，但是我说Uncaught TypeError: (0 , r.$) is not a function时出错了。当我使用两个import语句将两者分开时，错误就消失了。知道为什么吗？一行导入语句无效吗？如果是的话，为什么？

javascript

jquery

ecmascript-6

大模型图像创作引擎特惠活动

AIGC图片生成与编辑，多场景适用，使用便捷，新用户19.9元起！

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-12-23 15:13:05

import X from 'thing';

是缩写

import {default as X} from 'thing';

这意味着，如果您想将默认值同时导入为$和jQuery，则需要这样做。

import {default as $, default as jQuery} from 'jquery';

注意，jquery只导出$，并且只将上面的别名jquery导出为两个不同的名称。另外，一定要查看Webpack的ProvidePlugin功能。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41308333

复制

JavaScript中AMD和ES6模块的导入导出对比

javascript 编程算法 ecmascript

我们前端在开发过程中经常会遇到导入导出功能，在导入时，有时候是require，有时候是import 在导出时，有时候是exports，module.exports，有时候是export，export default 今天我们对这些内容进行简单的介绍

陌上寒

2019/04/02

1.3K0

Linux高级玩家：在一行命令中同时执行多条命令，惊呆女同事！

linux bash 存储

在 Linux 中，同时在终端上输入多条命令的情况很常见，比如你想新建一个目录后立即进入此目录，常规操作肯定是先mkdir dir_name，然后再cd dir_name，这个并不是一个高级Linux玩家想要执行的步骤，作为高级玩家肯定是想一条命令解决，那么本文就会介绍几个骚操作，帮助你实现这样的效果。

网络技术联盟站

2023/03/01

2.1K0

关于拖拽功能在IE11 、Firefox和Safari中不兼容的问题

html ios 编程算法

1是event的path属性引起的bug（ie，firebox，safari） 2是event的dataTransfer.setData属性（ie，firebox） 3是firefox在拖动的时候会打开一个新窗口（firbox） 4是ie11不支持onclick属性方法； ie11 里元素对象的attributes的排序和其他浏览器不同, ie11 中 remove()方法不work (ie)

lilugirl

2019/05/28

3.5K0

为啥await在forEach中不生效？

javascript node.js 编程算法

前两天要写循环遍历请求接口，于是就在forEach中用到了await，但是根本不是我想要的啊！

用户3258338

2019/10/29

2.6K0

es6中padStart和padEnd

编程算法

padStart和padEnd是es6中新增的语法这两个方法都是字符串原型上的方法，所以只能对字符串使用是新增的方法不会修改原字符串，只有es5才会改变原数据

全栈程序员站长

2022/10/04

2580

jquery中的ajax写法_jquery中get和post提交的区别

互联网全栈

全栈程序员站长

2022/11/10

1.4K0

jquery中attr和prop区别

attr jq undefined

prop：attr 方法针对单选框和复选框的是否选中问题操作复杂（元素.attr(“checked”) 选中返回值为 checked，未选中返回值为 undefined，不是直接显示 true 或者 false 那么简单）

Daotin

2022/05/09

8580

JQuery中bind和unbind函数

其他

测试：页面代码： <body> <input type="button" name="aaa" value="点击我"> <input type="checkbox" name="checkbox1"> </body> JQuery代码： $().ready(function(){ for (var i = 0; i < 3; i++) { $("input[type='button']").click(function(){ alert("aaaa"); }); } } alert("aaaa")会执行三次，在事件嵌套事件中，不希望看到这样的情况，需要把上层事件禁用，此时可引入bind和unbind函数解决。引入函数: for (var i = 0; i < 3; i++) { $("input[type='button']").unbind("click"); $("input[type='button']").bind("click", function(){ alert("aaa"); }); } alert("aaa");仅执行一次。 bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数 unbind() 方法移除被选元素的事件处理程序。能够移除所有的或被选的事件处理程序，或者当事件发生时终止指定函数的运行。 event 是事件类型，类型包括：blur、flcus、load、resize、scroll、unload、click、dblclikc、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter、mouseleave、change、select、submit、keydown、keypress、keyup和error等，当然也可以是自定义名称。 data 为可选参数，作文event.data属性值传递给事件对象的额外数据对象。 function 是用来绑定的处理函数。语法： $(selector).bind(event,data,function) // event 和 function 必须指出下面些段代码做说明：例1：删除p的所有事件 $("p").unbind(); 例2：删除p的click事件 $("p").unbind("click"); 例2：删除p元素click事件后出发的test函数和添加p元素click事件后触发的test函数 $("p").unbind("click",test);$("p").bind("click",test); 注意：要定义 .bind() 必须指明什么事件和函数现在来看个简单的demo ，整个div有一个点击收起展开的事件，如果想要点击链接但是不触发div的点击事件，需要在触发链接的时候把div的点击事件禁用，这里我用到链接mouseenter事件是unbind删除div的事件。这里还不算完，这时候只要鼠标进入链接区域，div的点击事件就删除了，我们还需要加入鼠标移出链接区域的时候恢复div点击事件。代码如下： 12345678910$(function(){ var Func = function(){ $(".com2").toggle(200); } $(".test").click(Func) $(".test a").mouseenter(function(){ $(".test").unbind(); //删除.test的所有事件 }); $(".test a").mouseleave(function(){ $(".test").bind("click",Func); //添加click事件 }); });event 是事件类型 … function 是用来绑定的处理函数。部分内容来自http://www.dearoom.com/blog/详解unbind和bind/http://www.dearoom.com/blog/事件捕获事件冒泡和阻止事件冒泡/

一个会写诗的程序员

2018/08/17

1.2K0

ES6中this和箭头方法

人工智能 bootstrap

之前写多页面应用时，一个页面就是全部，this常常默认是全局对象，但this的正确理解不限于此，特别是大型复杂结构的脚本。例如: export class ThisScope { txt:string = "hello this scope" cf1 () { return function() { this.showInfo() } } showInfo() { console.log(this.

孙亖

2018/06/07

4000

在linux中同时探测多台主机是否存活

linux tcp/ip 网络安全腾讯云测试服务

我们都知道PING可以验证主机是否能够通过网络与另一台计算机或网络设备进行通信。使用 Ping 命令，我们可以向目标主机发送 ICMP Echo 请求，并测试目标主机是否存活。我们可以在 LAN 和 WAN 中 ping 系统。下面给出了 ping 命令的典型用法。要ping IP 地址 $ ping 8.8.8.8 PING 8.8.8.8 (8.8.8.8): 56 data bytes 64 bytes from 8.8.8.8: icmp_seq=0 ttl=114 time=53.666

入门笔记

2022/06/02

1.3K0

用 jQuery 和 Bootstrap 在 WordPress 中添加进度条

jquery wordpress 网站建设 bootstrap javascript

昨天整理了一下Genesis的系列教程的翻译进度，汇总成了一个页面神级 WordPress 主题框架 Genesis 从入门到精通。今天突然想放一个进度条，可以直观看下显示一下翻译了几篇。

丘壑

2019/03/13

1.4K0

PageHelper在SpringBoot的@PostConstruct中不生效

数据库 com list size 分页

在使用PageHelper的过程中，出现了一个很奇怪的问题，假设在数据库中存放有30条Country记录，我们用下面的方法使用PageHelper进行分页查询，那么我们希望得到的page.size是10。

翎野君

2023/05/12

1.1K0

es6中的import和export

编程算法

import import是静态分析执行，不能使用表达式和变量，运行时不可改变 import可以省略.js 路径可以是相对和绝对路径多次import 只执行一次作用：按需加载条件加载 export 模块可以通过关键字as作为新的接口对外 export规定的是对外接口必须与块内变量建立一一对应关系输出的接口与对应的值是动态绑定关系不能处于块作用域内

田

2021/11/08

1940

Ajax在jQuery中应用--jQuery基础知识点(5)

ajax php 文件存储 html xml

奋飛

2019/08/15

1.9K0

ES6中set和map方法

javascript 编程算法

JavaScript的默认对象表示方式 {}可以视为其他语言中的 Map 或 Dictionary 的数据结构，即一组键值对。但是JavaScript的对象有个小问题，就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。为了解决这个问题，最新的ES6规范引入了新的数据类型 Map 。

Caleb

2020/11/03

4090

Es6中的模块化Module,导入(import)导出(export)

node.js javascript babel.js ecmascript 编程算法

在Es6之前,javascript没有模块系统,它无法将一个大程序拆分成若干个互相依赖的小文件,然后在用简单的方法拼装起来.为了做到模块化,在Es6之前,引入了AMD(Asynchronous module definition)与CMD(common module definition)

itclanCoder

2020/10/28

2.7K0

ES6中模块导入遇到的问题及其解决办法

json html javascript node.js 编程算法

今天遇到了一个小的问题，我们来看一下，情况是这样的：在没遇到过这个坑之前，如果需要引入一个模块，我通常的做法都是在HTML文件中内嵌一个script标签，并通过指定 type="module" 来实现；然而今天我却没有按照往常这样做，而是指定两个js文件，其中一个文件通过 export 暴露出需要的变量和函数，在另一个文件中通过 import 导入，结果就遇到了报错，来给各位看下报错信息：

石璞东

2020/09/25

1.7K0

jquery中attr()和prop()的区别

jquery html

在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。

用户1289394

2021/10/13

2.1K0

jQuery中的remove和empty区别

jquery

说道dom中移出节点，这两个都可以完成。但也有写差别： empty()是只移除了指定元素中的所有子节点，拿$(“div”).empty()来说，他只是把

IMWeb前端团队

2019/12/03

8450

jQuery中prop和attr的区别

jquery html5 html

HTML5学堂：本文介绍了prop和attr的区别。jQuery中有这么两个东西 —— attr()与prop()，很多开发者在使用时，经常容易混淆，今天HTML5学堂小编-其其就带你一起看看attr和prop方法。 jQuery文档中，attr和prop的参数都是一样的，而这两个东西都被认为是属性，那么他们之间到底有什么区别呢？下面我们一起验证下。 attr与prop的真身 attr全称attribute(属性) prop全称property(属性) 虽然都是属性，但他们所指的属性并不相同，attr所指的

HTML5学堂

2018/03/12

1.7K0

相似问题

在ES6中导入jquery

将jquery和bootstrap作为ES6导入reactjs中

使用webpack流和gulp不导入ES6导入

同时和If在一行中循环

在jquery中同时使用'this‘和':not’

活动推荐

轻量应用服务器助力卖家与独立站拓展跨境电商业务

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问在ES6中不能在一行中同时导入`$‘和’`jQuery`‘
EN

大模型图像创作引擎特惠活动

回答 1

Stack Overflow用户

在ES6中导入jquery

将jquery和bootstrap作为ES6导入reactjs中

使用webpack流和gulp不导入ES6导入

同时和If在一行中循环

在jquery中同时使用'this‘和':not’

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在ES6中不能在一行中同时导入`$‘和’`jQuery`‘EN

大模型图像创作引擎特惠活动

回答 1

Stack Overflow用户

在ES6中导入jquery

将jquery和bootstrap作为ES6导入reactjs中

使用webpack流和gulp不导入ES6导入

同时和If在一行中循环

在jquery中同时使用'this‘和':not’

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在ES6中不能在一行中同时导入`$‘和’`jQuery`‘
EN