javascript - שְׁגִיאָה ב-[at-loader] ./node_modules/@types/react-router-dom/index.d.ts:43:42
התקנתי את react-router-dom לאתר שלי ב-typescript react-redux ועכשיו אני מקבל את השגיאה שבכותרת, ה-package.json שלי:
{ "name": "typescript-webpack-react-flux-boilerplate", "version": "1.0.0", "license": "MIT", "repository": { "type": "git", "url": "git+https://github.com/pepaar/typescript-webpack-react-flux-boilerplate.git" }, "scripts": { "start": "node server.js", "build": "webpack" קרא עוד →javascript - אלטרנטיבה ל-markdown-it שיוצרת אלמנטים של DOM במקום להציג טקסט HTML
אני כרגע משתמש ב-markdown-it עבור הרחבות הרשת שלי להצגת מדריכים ושינויים שניתן לתרגם. אבל למוזילה יש בדיקות בטיחות שאומרות לי שהשימוש ב-innerHTML אינו בטוח. אז אני תוהה אם קיימת ספריית markdown ב-JavaScript (רצוי TypeScript) שיוצרת אלמנטים
קרא עוד →TypeScript - איך להשתמש ב-Directive וב-Observable כדי לאנימציה של אלמנטים ב-DOM באנגלר
אני מנסה להנפיש אלמנט DOM ב-Angular5. אני קורא למתודת manipulateStyle של ה-drawingComponent שלי בלולאה. היא מקבלת קואורדינטות x,y כקלט ומציגה סגנון על אלמנט ה-DOM באמצעות דירקטיבה. אותה מתודת manipulateStyle() עובדת אם היא נקראת מ-onInit של ה-drawingComponent כלומר בלי לולאה, אבל לא בלולאה. אני משתמש בלולאה כי אני צריך להנפיש עבור מערך קואורדינטות x,y.
יצרתי Directive מותאם אישית שלוקח Observable כקלט, Observable זה נרשם כאן ב-ngOnInit() של ה-Directive כפי שנראה למטה
קרא עוד →typescript - למה הבדיקות שלי נכשלות באקראי ב-Mocha (שימוש ב-typeOrm, routing-controllers)
אני מנסה לבנות אפליקציה על Node.js. משתמש ב-TypeScript ובספריות כמו TypeORM ו-routing-controllers
בעוד ששרת ה-API של האפליקציה עובד כרגיל כאשר הוא פועל בצורה רגילה, נראה שיש שגיאות מזדמנות כאשר מריצים בדיקות npm. בדרך כלל הבדיקה נעצרת במהלך סקריפט המוקה המתאים לפני ואחרי. אך הפעלת הבדיקות מחדש בדרך כלל מביאה להצלחה.
דוגמה -
קרא עוד →reactjs - איך להעביר אלמנט DOM שנוצר ב-JavaScript לפונקציית render של React
אני חדש ב-React. אני מנסה ליצור קומפוננטה בשם StationBrowserForHome (TSX). בפונקציה render(), אני רוצה להציג אלמנט DOM שנראה כך:
<div class = "big-group"> <div class = "small-group> <div class="item"></item> <div class="ite קרא עוד →TypeScript - השתמש בצינור Angular כדי להכניס שכפולים של DOM
אני משתמש ב-Angular 5 ואני רוצה לשכפל תבניות DOM בצורה דינמית באמצעות pipe:
<div id="template" > <a routerlink="{{parameter.route}}">here</a> </div> <nav> id="menuItem"> {{parameter.text | insertTemplatePipe }} </nav>parameter.text מכיל ערך
קרא עוד →javascript - איך לזהות שינויים ב-DOM באמצעות דירקטיבת בורר מחלקה
צור הנחיה שהחילה פונקציונליות מסוימת על כל האלמנטים שהיו להם את המחלקה "active". עם זאת, אם בזמן ריצה נוספה המחלקה "active" לאלמנט DOM קיים, הפונקציונליות של ההנחיה לא נוצרה עליו.
import { Directive, Renderer2, ElementRef, OnInit, HostListener } from '@angular/core'; @Directive({ // tslint:disable-next-line:directive-selector selector: '.active' }) export class RemoveActivesDirective implements OnInit { el: any; constructor(private element: ElementRef, private renderer קרא עוד →typescript - בדיקות יחידה ב-Angular לגישה לאלמנט DOM של קומפוננטה בהתאם ל-*ngIf לאחר עדכון המודל
אני מגדיר מקרה בדיקת יחידה עבור הפעלת אירוע שנקבע לבחירת שורה בטבלה (או פעולה של לחיצה), כמו כן קונפגתי את הרכיב עם הנתונים הנדרשים. כאן הטבלה היא רכיב אחר, ואף לאחר הקצאת הנתונים הנדרשים היא לא מציגה את אלמנט ה-DOM הנדרש של הטבלה (כלומר אלמנטים של שורות) כ
קרא עוד →javascript - לא להשתמש במאפיין הבסיס בעת ביצוע קריאות API של DomSanitizer?
אני מתקשר באמצעות DomSanitizer כך:
this.domSanitizer.bypassSecurityTrustResourceUrl(url));ה-url הוא כתובת URL מלאה לתמונת ה-SVG שמושכת.
הנה דוגמה:
this.matIconRegistry.addSvgIcon( "fs", this.domSanitizer.bypassSecurityTrustResourceUrl('https://github.com/fireflysemantics/images/blob/master/fsalpha/logo/fsalpha-logo-optimized.svg'));עם זאת, מכיוון ש־base מוגדר לכתובת UR
קרא עוד →javascript - המרת random() מ-cuid ל-Typescript
אני מנסה להמיר את הפונקציה הזו ל-TypeScript. זה עובד בספריית cuid.
זֶה מַה שֶׁיֵּשׁ לִי עַד עַכְשָׁיו:
import * as crypto from "crypto" var lim = Math.pow(2, 32) - 1; export function random () { return Math.abs(crypto.randomBytes(4) .readInt32BE() / lim); };Typescript אומר שהשיטה הזו מצפה לארגומנט. הערך הברירת מחדל הוא 0, לפי התיעוד.
https://www.geeksforgeeks.org/node-js-buffer-readint32be-method/
אז אני מניח שזה בסדר פשוט
קרא עוד →