ウェブサイト検索
javascript - [at-loader] ./node_modules/@types/react-router-dom/index.d.ts:43:42 でエラー
私は自分の TypeScript の react-redux ウェブサイトに react-router-dom をインストールしましたが、タイトルのエラーが発生しています。私の 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 - HTMLテキストをレンダリングするのではなく、DOM要素を作成するmarkdown-itの代替
私は現在、ウェブ拡張機能で翻訳可能なチュートリアルや変更履歴を表示するために markdown-it を使用しています。しかし、Mozilla には innerHTML の使用は安全ではないと警告する安全チェックがありました。そこで、HTML テキストをレンダリングするのではなく、DOM 要素を作成する JavaScript（できれば TypeScript）用のマークダウンライブラリがあるかどうか気になっています。
続きを読む →TypeScript - AngularでDirectiveとObservableを使ってDOM要素をアニメーションする方法
私は Angular5 で DOM 要素をアニメーションさせようとしています。drawingComponent の manipulateStyle メソッドをループ内で呼び出しています。このメソッドは x, y 座標を入力として受け取り、ディレクティブを使用して DOM 要素にスタイルをレンダリングします。同じ manipulateStyle() メソッドは、drawingComponent の onInit から呼び出した場合、つまりループなしでも動作します。しかし、ループ内では動作しません。ループを使用しているのは、x, y 座標の配列に対してアニメーションさせる必要があるためです。
私は カスタムディレクティブ を作成し、observable を入力として受け取ります。この入力 observable は、ディレクティブの ngOnInit() 内で以下のように購読されます
@Directive({ selector: '[playerStyle]' }) export class StyleDirec 続きを読む →typescript - なぜ私のテストはMochaでランダムに失敗するのですか（typeOrm、routing-controllersを使用して）
私はNode.jsでアプリを作ろうとしています。TypeScriptやTypeORM、routing-controllersのようなライブラリを使用しています
アプリのAPIサーバーは通常の動作時には問題ありません。しかし、npmテストを実行すると断続的なエラーが発生するようです。テストは通常、対応するMochaのbeforeおよびafterスクリプトの間で停止します。しかし、テストを再実行すると通常は成功します。
例 -
そしてすぐに再実行すると成功する -
続きを読む →reactjs - JavaScriptで生成されたDOM要素をreactのレンダリング関数に渡す方法
私はReactの初心者です。StationBrowserForHomeというコンポーネント（TSX）を作ろうとしています。render()関数の中で、次のようなDOM要素をレンダーしたいです:
<div class = "big-group"> <div class = "small-group> <div class="item"></item> <div class="item"></item> ... &l 続きを読む →typescript - Angularパイプを使用してDOMクローンを挿入する
私は Angular 5 を使用しており、パイプを使って DOM テンプレートを動的に複製したいです:
<div id="template" > <a routerlink="{{parameter.route}}">here</a> </div> <nav> id="menuItem"> {{parameter.text | insertTemplatePipe }} </nav>parameter.text には次のような値が含まれています:
続きを読む →javascript - クラスセレクタディレクティブを使用してDOMの変更を検出する方法
「active」クラスを持つすべての要素に特定の機能を適用するディレクティブを作成します。ただし、実行時に既存のDOM要素に「active」クラスを追加した場合、そのディレクティブの機能は適用されません。
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: Renderer2) { this.el = element.nativeElement; } ngOnInit(): void { 続きを読む →TypeScript - モデルを更新した後に *ngIf によって条件付けられたコンポーネントの DOM 要素に Angular ユニットテストでアクセスする
私は、テーブル行の選択（またはクリック）操作に設定された emit イベントのユニットテストケースを設定しており、必要なデータでコンポーネントも構成しています。ここでテーブルは別のコンポーネントであり、必要なデータを割り当てても、行要素に対して querySelect を対象とするためのテーブルの必要な DOM 要素（行要素）がレンダリングされません。ここにコードスニペットを追加します:
コンポーネント: タイプスクリプト
@Component({ selecto 続きを読む →javascript - DomSanitizer API の呼び出し時に base 属性を使用していない？
私はこのように DomSanitizer を使って呼び出しをしています:
this.domSanitizer.bypassSecurityTrustResourceUrl(url));url は取得される SVG 画像の完全な URL です。
例を示します:
this.matIconRegistry.addSvgIcon( "fs", this.domSanitizer.bypassSecurityTrustResourceUrl('https://github.com/fireflysemantics/images/blob/master/fsalpha/logo/fsalpha-logo-optimized.svg'));しかし、index.htmlでbaseが別のURLに設定されているため、DOMサニ
続きを読む →javascript - cuid の random() を 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/
それでは、単にゼロを渡しても大丈夫だと考えていいですか？
したがって、次のようになります：
import * as 続きを読む →