瀏覽器已經原生支持ES模塊,我閱讀着底部參考連接的兩篇文章,本地測試html
打開 html
文件,沒有顯示預期的內容,打開控制檯,報錯以下:git
這是爲何?es6
不像常規的腳本加載,直接跨域能夠解析,module
模式下腳本資源加載須要 CORS 方式獲取,否則瀏覽器報CORS policy
跨域相關錯誤github
如何支持跨域?
須要模塊資源服務端配置 Access-Control-Allow-Origin
,能夠指定具體域名,
或者直接使用* 通配符,Access-Control-Allow-Origin:*
跨域
意味着代碼本地跑不了,至少得放服務器上,並且服務器須要配置配置Access-Control-Allow-Origin
瀏覽器
因而我將代碼放到的 github上,正常顯示預計效果,打開控制檯也沒有報錯 點擊查看測試服務器
學習詳細內容請參考下面的兩篇文章~wordpress
參考連接:
ECMAScript modules in browsers
萬歲,瀏覽器原生支持ES6 export和import模塊啦!學習