ওয়েবপ্যাক ক্যান্ট ts 3.7 সংকলন (Chaচ্ছিক চেইনিং, নুলিশ কোলেসিং)

21

আমি typescript 3.7ptionচ্ছিক চেইনিং, নুলিশ কোয়েলসিংয়ের মতো বৈশিষ্ট্যগুলি ব্যবহার করার চেষ্টা করি । তবে webpackপরিবহন করার সময় আমাকে একটি ত্রুটি দেয়।

app: Module parse failed: Unexpected token (50:40)
app: File was processed with these loaders:
app:  * ../../../node_modules/ts-loader/index.js
app: You may need an additional loader to handle the result of these loaders.
app: | export const Layout = (props) => {
app: |     const regionsResults = useQuery(regionsQuery, { fetchPolicy: 'cache-first' });
app: >     const regions = regionsResults.data?.regions ?? [];
app: |     const userItem = useQuery(usersProfileQuery, { fetchPolicy: 'cache-first' });
app: |     const handleOnClick = (selected) => props.history.push(selected.key);
``

typescript webpack ts-loader

— এডগারাস কর্কা
সূত্র

আপনি আপনার packages.jsonফাইল পোস্ট করতে পারেন ?

— কার্লোস ক্রেসপো

30

: আমি লক্ষ্য পরিবর্তিত esnextকরার es2018মধ্যে tsconfig.jsonফাইল। এখন এটা কাজ করছে.

— এডগারাস কর্কা
সূত্র

6

এটি আমার পক্ষে কার্যকর হয়নি। ওয়েবপ্যাকটি এখনও একই ত্রুটির সাথে ব্যর্থ।

— আলেজান্দ্রো করিডোর

আপনি যদি "foo".matchAll(/o+/g)এটি ES2020 বৈশিষ্ট্যটির কারণ ব্যবহার করেন তবে কাজ করে না ।

— জেসন শিলিং 13

এটি হাস্যকর, তবে এটি সত্যই কার্যকর! আমি কীভাবে তাও বুঝতে পারি না ... Eচ্ছিক চ্যানিং কেবলমাত্র ES2020 সাল থেকে আমাদের কাছে নিয়ে এসেছিল। ES2018 এবং ES2019 উভয়ই সঠিকভাবে কাজ করে, বিটিডব্লু ES2020 এখনও ক্র্যাশ করছে।

— সর্বোচ্চ ট্র্যাভিস

1

আপনি কোডটি স্থানান্তর করতে কোন লোডারটি ব্যবহার করছেন তার উপর নির্ভর করে বিভিন্ন বিকল্প রয়েছে

এর জন্য ts-loader, আপনাকে টাইপস্ক্রিপ্ট থেকে আউটপুট ওয়েবপ্যাকের দ্বারা বোধগম্য তা নিশ্চিত করা দরকার। এটি ইন সেট targetকরে অর্জন করা যেতে পারে ।ES2018tsconfig.json

এর জন্য babel-loader, আপনাকে নিশ্চিত করতে হবে যে ব্যাবেলগুলি লোড করে

@babel/plugin-proposal-nullish-coalescing-operator

প্লাগ লাগানো. মনে রাখবেন যে আপনি যদি ব্যবহার করছেন তবে preset-envএটি আপনার targetsবা browserlist(যেমন, টার্গেট এনভির সাথে এই ভাষার বৈশিষ্ট্যগুলির জন্য সমর্থন থাকলে লোড করা হবে না) উপর নির্ভর করে এই প্লাগইনটি লোড বা নাও হতে পারে , এক্ষেত্রে এর অন্তর্ভুক্তির একমাত্র উপায় ম্যানুয়ালি এটা নির্দিষ্ট করে pluginsঅ্যারের babel.config.js।

— aryzing
সূত্র

-2

আপনি যদি বনাম কোড ব্যবহার করছেন, সম্ভবত আপনার স্থানীয় টাইপ স্ক্রিপ্ট সংস্করণ বনাম কোড ব্যবহার পরিবর্তন করা উচিত।

ভিজ্যুয়াল স্টুডিও কোডটি কোন টাইপস্ক্রিপ্ট সংস্করণ ব্যবহার করছে? কীভাবে এটি আপডেট করবেন?

— অ্যালেক্স হাইরিয়াভেটস
সূত্র