JavaScript faylini burchak2 ga qanday import qilish mumkin

Javascript faylini burchak2 loyihamga qanday import qilishni bilish qiyinchiliklarga duch kelmoqdaman. Bu npmdan ajralmagan modul bo'lmagan fayl va men topishim mumkin bo'lgan yagona ko'rsatma, bu erda variant emas, npm dan foydalanishdir.

Men angular cli foydalanayotgan va mening burchak-cli.json faylim bor:

{
"apps": [
  "styles": [..],
  "scripts": ["../pathtomyjs/file.js"] 
]}

Men qurish va xizmat ko'rsatish xizmatini ishga tushirdim va mening ilovani ochib, veb konsolga qarash va JS faylimdagi funktsiyaga murojaat qilishni sinab ko'rsam, buni muvaffaqiyatli qila olaman.

Masalan, I-dagi konsolda namuna:

var test = MyObject; 

va testni olaman {};

Biroq, men buni qilishga harakat qilaman

let test = MyObject;

.ts faylidagi komponentimda:

home.component.ts (10,11): Cannot find name 'MyObject'.)

Buni burchak2da qanday qilish kerakligiga ishonch hosil qiling.

Rahmat!

11
Bu erda men chuqur sho'ng'in qildim: bu erda
qo'shib qo'ydi muallif Richard Strickland, manba
Bu erda men chuqur sho'ng'in qildim: bu erda
qo'shib qo'ydi muallif Richard Strickland, manba

8 javoblar

Do:

declare var MyObject: any;

let test = MyObject;

Yoki:

let test = ( MyObject);

JQuery uchun:

declare var jQuery: any;

jQuery.ajax({ ... });
8
qo'shib qo'ydi
Rahmat Dan, men o'zimning faylimdagi import bayonotlarining pastki qismini e'lon qilishni yakunladim va sinovga o'tishga harakat qildim = MyObject, lekin men hali xatoga yo'l qo'ymadim. O'zgartirish, jamoatchilik uchun bo'lsa-da, ishladi! Men "noto'g'ri" deb ishlaydigan noto'g'ri ish qildimmi?
qo'shib qo'ydi muallif Kevin Sar, manba
Avvalo, men sinovdan oldin "ruxsat" ni qoldirishim kerak edi va endi "jamoatchilikka" ehtiyojim yo'q edi.
qo'shib qo'ydi muallif Kevin Sar, manba

Do:

declare var MyObject: any;

let test = MyObject;

Yoki:

let test = ( MyObject);

JQuery uchun:

declare var jQuery: any;

jQuery.ajax({ ... });
8
qo'shib qo'ydi
Rahmat Dan, men o'zimning faylimdagi import bayonotlarining pastki qismini e'lon qilishni yakunladim va sinovga o'tishga harakat qildim = MyObject, lekin men hali xatoga yo'l qo'ymadim. O'zgartirish, jamoatchilik uchun bo'lsa-da, ishladi! Men "noto'g'ri" deb ishlaydigan noto'g'ri ish qildimmi?
qo'shib qo'ydi muallif Kevin Sar, manba
Avvalo, men sinovdan oldin "ruxsat" ni qoldirishim kerak edi va endi "jamoatchilikka" ehtiyojim yo'q edi.
qo'shib qo'ydi muallif Kevin Sar, manba

Uchinchi tomon kutubxonasi bormi? siz turi moslamasi derleyicisiga turini aniqlash fayllari qaerda ekanligini bilishingiz kerak. Odatda, node_modules/@ types papkasida ko'rinadi. Masalan, agar siz jQuery dan foydalanishni xohlasangiz, kerakli turdagi fayllarni ishga tushirish orqali o'rnatasiz:

npm install @types/jquery
2
qo'shib qo'ydi

Uchinchi tomon kutubxonasi bormi? siz turi moslamasi derleyicisiga turini aniqlash fayllari qaerda ekanligini bilishingiz kerak. Odatda, node_modules/@ types papkasida ko'rinadi. Masalan, agar siz jQuery dan foydalanishni xohlasangiz, kerakli turdagi fayllarni ishga tushirish orqali o'rnatasiz:

npm install @types/jquery
2
qo'shib qo'ydi

JS fayllarini app/assets/scripts ichiga qo'ydim va ularni index.html </script> . Bu ionic2 / angular2 loyihasi uchun.

Modulda bu kabi funktsiyalaringizni modul faylining global miqyosida aniqlash kerak

declare var myFancyFunction;

0
qo'shib qo'ydi

JS fayllarini app/assets/scripts ichiga qo'ydim va ularni index.html </script> . Bu ionic2 / angular2 loyihasi uchun.

Modulda bu kabi funktsiyalaringizni modul faylining global miqyosida aniqlash kerak

declare var myFancyFunction;

0
qo'shib qo'ydi

Buning ustiga chuqur sho'ng'in qildim. bu erda :

Bu juda katta savol va men sizni bu kichik muammo bilan duch kelgan birinchi marta yozmoqchi bo'lgan narsam borligini xohlayman. Bu burchakka oid masaladir, u bir harf/javascript va webpack muammo. Men, albatta, mening blogim imkon qadar tezroq.

Stsenariy:

Siz harakat qilyapsiz

npm install mathjs
  1. Now you try to use math.js from a component:
  2. Find math.js dist JS file (node_modules/mathjs/dist/math.js) and reference like this

    import {mathjs} from "../../node_modules/mathjs/dist/math";

  3. But you get error message saying "set --allowJS". You do that like this:

    Set --allowJS in config (tsconfig.json) { "compilerOptions": { "allowJs": true, ...

  4. Now you get:

../node_modules/mathjs/dist/math.js da xato (12209,13): Kirish mumkin emas   kodi aniqlandi.

  1. math.js manbasini ko'rib chiqsangiz, u eski maktab moduli ekanligiga ishonch hosil qilasiz, lekin hech qanday ildiz sarlavhasi vazifasi yo'q (ularni bir joyga keltirish va ularni zulmatga bog'lash uchun bitta funktsiya.) (bundan keyinroq).

Qaroringiz : maqsad lib uchun yoziladigan fayllarni o'rnating (@ turlari/mathjs)

batafsil ma'lumot ...

0
qo'shib qo'ydi

Buning ustiga chuqur sho'ng'in qildim. bu erda :

Bu juda katta savol va men sizni bu kichik muammo bilan duch kelgan birinchi marta yozmoqchi bo'lgan narsam borligini xohlayman. Bu burchakka oid masaladir, u bir harf/javascript va webpack muammo. Men, albatta, mening blogim imkon qadar tezroq.

Stsenariy:

Siz harakat qilyapsiz

npm install mathjs
  1. Now you try to use math.js from a component:
  2. Find math.js dist JS file (node_modules/mathjs/dist/math.js) and reference like this

    import {mathjs} from "../../node_modules/mathjs/dist/math";

  3. But you get error message saying "set --allowJS". You do that like this:

    Set --allowJS in config (tsconfig.json) { "compilerOptions": { "allowJs": true, ...

  4. Now you get:

../node_modules/mathjs/dist/math.js da xato (12209,13): Kirish mumkin emas   kodi aniqlandi.

  1. math.js manbasini ko'rib chiqsangiz, u eski maktab moduli ekanligiga ishonch hosil qilasiz, lekin hech qanday ildiz sarlavhasi vazifasi yo'q (ularni bir joyga keltirish va ularni zulmatga bog'lash uchun bitta funktsiya.) (bundan keyinroq).

Qaroringiz : maqsad lib uchun yoziladigan fayllarni o'rnating (@ turlari/mathjs)

batafsil ma'lumot ...

0
qo'shib qo'ydi
Angular Uzbekistan
Angular Uzbekistan
107 ishtirokchilar

Guruh Angular bo'yicha muloqot qilish uchun ochilgan Sizni qiziqtirsa: @nodejs_uz @react_uz @angular_uz @yiiframework_uz @js_uzb @typescript_uzb @vuejs_uz @ngTashkent @laravel_uz @uzdevgroup Ish o'rinlari @UzDev_jobs

Javascript UZB
Javascript UZB
99 ishtirokchilar

@js_uzb @vuejs_uz @react_uz @nodejs_uz @angular_uz @ngTashkent @yiiframework_uz @laravel_uz @linux_uzbek @python_uz @swift_uzb —————— @uzdevgroup @UzGeeksGroup ——— @UzDev_Jobs @jobs_uzb

ngTashkent
ngTashkent
77 ishtirokchilar

Правила просты: 1. Не хамить 2. Не хейтить 3. Реакт не нужен Ссылки: https://t.me/angular_ru - старший брат https://t.me/angular_uz - ангулар на узбекском @js_uzb @vuejs_uz @react_uz @nodejs_uz @yiiframework_uz @uzdevgroup @UzDev_Jobs @tasdev_talks