Ben yeniyim ES6 (ECMAScript 6) ve onun kullanmak istiyorum modül sistemini tarayıcıda. ES6'nın Firefox ve Chrome tarafından desteklendiğini okudum, ancak aşağıdaki hatayı alıyorumexport
Uncaught SyntaxError: Unexpected token import
Bir test.html dosyam var
<html>
<script src="test.js"></script>
<body>
</body>
</html>
ve bir test.js dosyası
'use strict';
class Test {
static hello() {
console.log("hello world");
}
}
export Test;
Neden?
<script type="module"></script>eklediğinizden emin olmaktır, aksi takdirde bu hatayı alırsınız. Kafamı duvara <script>import ... </script>vuruyordum, kromun artık bayraksız ES6 modüllerini desteklediği söylendiğini bilerek yapıyordum , sonra tarayıcıya bunun bir ES6 modülü olduğunu belirtmek için type özniteliğinin gerekli olduğunu fark ettim, onsuz tam olarak elde edersiniz hata.
Yanıtlar:
Birçok modern tarayıcı artık ES6 modüllerini desteklemektedir. Komut dosyalarınızı (uygulamanıza giriş noktası dahil) içe aktardığınız <script type="module" src="...">sürece, onu kullanarak çalışacaktır.
Daha fazla ayrıntı için caniuse.com'a göz atın : https://caniuse.com/#feat=es6-module
ES6 Modüllerini Google Chrome Beta (61) / Chrome Canary'de deneyebilirsiniz.
Paul Irish tarafından ToDo MVC'nin Referans Uygulaması - https://paulirish.github.io/es-modules-todomvc/
Temel demom var -
//app.js
import {sum} from './calc.js'
console.log(sum(2,3));
//calc.js
let sum = (a,b) => { return a + b; }
export {sum};
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<h1>ES6</h1>
<script src="app.js" type="module"></script>
</body>
</html>
Umarım yardımcı olur!
<script type="module"></script>eklediğinizden emin olmaktır, aksi takdirde bu hatayı alırsınız. Kafamı duvara <script>import ... </script>vuruyordum, kromun artık bayraksız ES6 modüllerini desteklediğinin söylendiğini bilerek yapıyordum , sonra tarayıcıya bunun bir ES6 modülü olduğunu belirtmek için type özniteliğinin gerekli olduğunu fark ettim.
jskaynağa sahip olamayacağını gördüğüm gibi ).
Maalesef modüller şu anda pek çok tarayıcı tarafından desteklenmiyor.
Bu özellik, şu anda tarayıcılarda yerel olarak uygulanmaya sadece yeni başlıyor. TypeScript ve Babel gibi birçok aktarıcıda ve Rollup ve Webpack gibi paketleyicilerde uygulanır.
MDN'de bulundu
benim için çalışmış ekleyerektype="module" komut dosyasına importbenim MJS ing:
<script type="module">
import * as module from 'https://rawgit.com/abernier/7ce9df53ac9ec00419634ca3f9e3f772/raw/eec68248454e1343e111f464e666afd722a65fe2/mymod.mjs'
console.log(module.default()) // Prints: Hi from the default export!
</script>
Demoyu izleyin: https://codepen.io/abernier/pen/wExQaa