在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ es6 模塊導(dǎo)入導(dǎo)出變量在瀏覽器的開(kāi)發(fā)工具中總是報(bào)錯(cuò)

es6 模塊導(dǎo)入導(dǎo)出變量在瀏覽器的開(kāi)發(fā)工具中總是報(bào)錯(cuò)

我現(xiàn)在在一個(gè)js里面定義導(dǎo)出了一個(gè)變量abc,然后在另一個(gè)文件引入這個(gè)模塊,然后輸出這個(gè)變量,瀏覽器總是報(bào)錯(cuò),查了很多文檔都無(wú)解,案例是一個(gè)很簡(jiǎn)單的例子,但是就是解決不了,求助各位大神。

在 moduleA.js 文件中定義變量 abc ,并且運(yùn)用 es6 語(yǔ)法導(dǎo)出。
clipboard.png

在 mokuai.html 文件中的 js 區(qū)域運(yùn)用 es6 導(dǎo)入剛才輸出的模塊,然后輸出變量。
clipboard.png

文件目錄解構(gòu)如下。

clipboard.png

瀏覽器報(bào)錯(cuò)如下:

clipboard.png

clipboard.png

回答
編輯回答
離魂曲

其實(shí)現(xiàn)在chrome61之后就支持了,只不過(guò)需要開(kāi)啟下:開(kāi)啟chrome部分功能;同時(shí)書(shū)寫也需要注意:

//chrome://flags/
<script type=module>
    // requires modules to hide. (FOUC in non-[nomodule] supporting browsers right now)
    import {qs} from './helpers.js'
</script>

可以查看demoes6module-demo源碼、demo運(yùn)行 和Chrome的特性版本chrome改動(dòng)版本

2017年12月17日 09:40
編輯回答
失魂人

首先ES6模塊化代碼現(xiàn)在瀏覽器不支持,要先用babel編譯成ES5的代碼,然后再編譯成瀏覽器能識(shí)別的模塊化代碼

2017年3月3日 02:48