在script标签写export会抛错
创始人
2025-05-30 07:37:45
0

 在html中用的比较多的最原始是

type类型 

text/javascript ,text/ecmascriptapplication/javascript, 和application/ecmascript,application/json,module

应对标题,着重看下type=”module”

平时写纯静态页时,不会用到,但是大家使用vue-cli,vite都使用得最多的模块化,import,export使用比较频繁 如果不写type=”module”,则export就会报错。

JavaScript 有两种源文件,一种叫做脚本,一种叫做模块。这个区分是在 ES6 引入了模块机制开始的,在 ES5 和之前的版本中,就只有一种源文件类型(就只有脚本)

脚本是可以由浏览器或者 node 环境引入执行的,而模块只能由 JavaScript 代码用 import 引入执行。

从概念上,我们可以认为脚本具有主动性的 JavaScript 代码段,是控制宿主完成一定任务的代码;而模块是被动性的 JavaScript 代码段,是等待被调用的库。

模块和脚本之间的区别仅仅在于是否包含 import 和 export。脚本是一种兼容之前的版本的定义,在这个模式下,没有 import 就不需要处理加载“.js”文件问题。现代浏览器可以支持用 script 标签引入模块或者脚本,如果要引入模块,必须给 script 标签添加 type=“module”。如果引入脚本,则不需要 type。


所以script 标签如果不加type=“module”,默认认为我们加载的文件是脚本而非模块,如果我们在脚本中写了 export,当然会抛错。

此文章为3月Day17学习笔记,内容来源于极客时间《重学前端》,推荐该课程。

相关内容

热门资讯

实探茅台镇“第二传奇”无忧酒业... 茅台镇的酒企有很多,贵州茅台(600519.SH)是当之无愧的老大哥,这也使部分酒企在制定目标时,往...
双胞胎兄弟深夜求摸狗,背后的育... 最近,一个搞笑的视频在网上引发了热议:一位网友下楼遛狗,意外遇见了同栋楼的双胞胎兄弟。哥哥兴奋地成功...
中国稀土:适时推进内外部稀土资... 11月12日消息,中国稀土接受机构调研时表示,公司作为中国稀土集团的核心上市平台,将坚定不移落实高质...
赛力斯:全资子公司吸收合并全资... 11月12日消息,赛力斯公告称,公司全资子公司赛力斯汽车有限公司将吸收合并其全资子公司重庆赛力斯新能...
家得宝第三季度销售净额402.... 11月12日消息,家得宝第三季度销售净额402.2亿美元,预估392.9亿美元;调整后每股收益3.7...
8天7板黑芝麻:若黑五类集团未... 11月12日消息,黑芝麻公告,因不服南宁中院对广发银行南宁分行与南宁儿童医院金融借款合同纠纷案作出的...
上海建科:收到上海证券交易所问... 11月12日消息,上海建科公告,收到上海证券交易所《关于对上海建科集团股份有限公司现金收购上海投资咨...
美俄总统罕见谈私生活:普京恋爱... 当地时间12月20日,美国总统特朗普在一场演讲中说,他是爱美之人,但自从政后就不再对美女感兴趣。即使...
*ST东易:重整计划获得法院裁... 新京报贝壳财经讯 12月21日,*ST东易公告称,北京市第一中级人民法院于2025年12月21日裁定...
*ST名家:资本公积金转增股本... 新京报贝壳财经讯 12月21日,*ST名家公告称,公司资本公积金转增股本已全部完成,共计转增7.3亿...