আমি ES6 (ECMAScript 6) এ নতুন এবং আমি ব্রাউজারে এর মডিউল সিস্টেমটি ব্যবহার করতে চাই । আমি পড়লাম ES6 ফায়ারফক্স এবং ক্রোম দ্বারা সমর্থিত, তবে আমি ব্যবহার করে নিম্নলিখিত ত্রুটি পাচ্ছিexport
Uncaught SyntaxError: Unexpected token import
আমার কাছে একটি পরীক্ষা। Html ফাইল রয়েছে
<html>
<script src="test.js"></script>
<body>
</body>
</html>
এবং একটি test.js ফাইল
'use strict';
class Test {
static hello() {
console.log("hello world");
}
}
export Test;
কেন?
<script type="module"></script>আপনি এটি যুক্ত করেছেন তা নিশ্চিত করা অন্যথায় আপনি ত্রুটিটি পেয়ে যাবেন। আমি ক্রমাগত দেওয়ালে মাথা <script>import ... </script>ঠেকছিলাম যে ক্রোম এখন পতাকা ছাড়াই ES6 মডিউল সমর্থন করতে বলেছে, তখন আমি লক্ষ্য করেছি যে টাইপ অ্যাট্রিবিউটটি ব্রাউজারে নির্দিষ্ট করার জন্য এটি একটি ES6 মডিউল, যা ছাড়াই আপনি ঠিক পান ত্রুটি.
উত্তর:
অনেক আধুনিক ব্রাউজার এখন ES6 মডিউল সমর্থন করে। যতক্ষণ আপনি আপনার স্ক্রিপ্টগুলি আমদানি করেন (আপনার অ্যাপ্লিকেশনটিতে প্রবেশের পয়েন্ট সহ) <script type="module" src="...">এটি কাজ করবে।
কটাক্ষপাত caniuse.com আরো বিস্তারিত জানার জন্য: https://caniuse.com/#feat=es6-module
আপনি গুগল ক্রোম বিটা (61) / ক্রম ক্যানারিতে ES6 মডিউল চেষ্টা করতে পারেন।
পল আইরিশ দ্বারা টোডো এমভিসি-র রেফারেন্স বাস্তবায়ন - https://paulirish.github.io/es-modules-todomvc/
আমি বেসিক ডেমো করেছি -
//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>
আশা করি এটা সাহায্য করবে!
<script type="module"></script>আপনি এটি যুক্ত করেছেন তা নিশ্চিত করে নিন অন্যথায় আপনি ত্রুটিটি পেয়ে যাবেন। আমি ক্রমাগত দেওয়ালে মাথা ঠেকিয়ে যাচ্ছিলাম <script>import ... </script>জেনে বুঝে যে ক্রোম এখন পতাকা ছাড়াই ইএস 6 মডিউল সমর্থন করতে বলেছে, তখন আমি লক্ষ্য করেছি যে টাইপ বৈশিষ্ট্যটি ব্রাউজারে নির্দিষ্ট করার জন্য প্রয়োজন যে এটি একটি ES6 মডিউল।
jsউত্স থাকতে পারে না )।
দুর্ভাগ্যক্রমে, মডিউলগুলি এখনই অনেক ব্রাউজার দ্বারা সমর্থিত নয়।
এই বৈশিষ্ট্যটি এই সময়ে কেবল নেটিভভাবে ব্রাউজারগুলিতে প্রয়োগ করা শুরু। এটি টাইপস্ক্রিপ্ট এবং ব্যাবেল এবং রোলআপ এবং ওয়েবপ্যাকের মতো বান্ডিলকারীগুলিতে অনেকগুলি ট্রান্সিলারগুলিতে প্রয়োগ করা হয়।
এমডিএন- তে পাওয়া গেছে
এটি আমার এমজেএস স্ক্রিপ্টে যুক্তtype="module" করার জন্য কাজ importকরেছিল:
<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>
ডেমো দেখুন: https://codepen.io/abernier/pen/wExQaa