مشکل Uncaught ReferenceError: require is not defined در تایپ اسکریپت

[oyama1100]

سلام
در زمان رانتایم به این ارور خوردم. منظور ارور رو می دونم ولی نمی فهمم چرا اشتباه هست

https://i.stack.imgur.com/aY2gZ.jpg
با تشکر

[arenaw]

توی تنظیمات فایل tsconfig شما گفتید که ماژول برابر با commonjs، اما بنظر میرسه که دارید برای براوزر برامه مینویسید. توی براوزر فایلهای .js ماژولار نیستند و نمیشه از require و import استفاده کرد. راه حل؟

استفاده از require.js و system.js که میان فانکشن require رو برای براوزر بازنویسی میکنند. (که پیشنهاد نمیکنم)
استفاده از webpack یا browserify یا ... که میان میان کدهای فایلهای شما رو باندل میکنند و در نهایت یک فایل خروجی به شما میدند که میتونید توی براوزر ازش استفاده کنید.


من با Typescript کار نکردم، اما بنظر میرسه اگر توی فایل tsconfig مقدار module رو برابر umd قرار بدید، اتفاقی شبیه به مورد دوم که بالا گفتم بیافته و کدهای شما تبدیل به یک فایل باندل بشه.