any消し祭りのゴミ片付け
2021-02-18
まずは一番多い
Error neverComeHere(assertion) Unhandled InitialState * onDrag を見ていこうこれは不整合が起きた時に早めに気づけるようにとassertしてるものなのだが、開発者が気づかなかった。
うーむ、何が原因か、とブレッドクラムを遡ってみたらlassoに切り替えてるのがわかった
lassoに切り替えて試したら手元でも問題が再現した。メッセージは違って
ReferenceError: paper is not defined とのこと。これは
const paper = require("paper"); を忘れてることによる。(え？これ型チェックで発見されないの？)
メモ
なぜ型チェックで発見されないのか？
lassoに切り替えて動作確認すべき(自動テストで)
そこを直すと別のエラー
TypeError: Cannot read property 'children' of undefined これも似た問題(追記: 誤認です)
Regroupを書き始めた時、どこからでもpaperにアクセスする方法がわからなくてwindowにぶら下げてた。
const items = window.app.paper.projects[0].layers[0].children; const paper = require("paper"); Typescipt doc: export = and import = require()をみて
import paper = require("paper"); にしたらエラーerrorSyntaxError: /Users/nishio/regroup/src/onOverlayCanvas.ts: `import =` is not supported by @babel/plugin-transform-typescript
Please consider using `import <moduleName> from '<moduleName>';` alongside Typescript's --allowSyntheticDefaultImports option.
> 2 | import paper = require("paper");素直な
import paper from "paper"; でちゃんと動いた。なんだこれでよかったのか。JavaScriptにモジュールの仕組みが発達する前の知識で、JavaScriptのサードパーティライブラリをJavaScript向けの解説を読みながらTypeScriptの中で使ったことで不必要にレガシーな書き方をしてしまっていた。
検索したら
var paper = require("paper"); なんてのまであった。varを使うなんて！ window.app.paper を import paper from "paper"; に変えていく。おや、新しい型エラーだ
tsArgument of type 'HTMLElement | null' is not assignable to parameter of type 'string | HTMLCanvasElement'.
Type 'null' is not assignable to type 'string | HTMLCanvasElement'. TS2345
50 | // Get a reference to the canvas object
51 | const canvas = document.getElementById("myCanvas");
> 52 | paper.setup(canvas);なるほど、requireしたものはanyだったのか！
片付け終わったけど問題は解決してない
えーと、じっくり見てみると、これはまだ何も描画してない状態ではレイヤーが存在しないってことだから、無ければ空リストにすれば良いか
const items = paper.projects[0].layers[0]?.children ?? []; Property 'onDeactivate' does not exist on type 'Tool'. Property 'getBounds' does not exist on type 'PointText'. Property 'getBounds' does not exist on type 'Layer'. Related Pages
- →「完成」の存在しない不定形タスク×広背筋×運動不足による疲労感×ストレッチ×Sentry×完成のないタスクは時間があればあるだけ膨張する×忙しい×タスクマネジメント×タスクの取捨選択×タスク管理×一旦イスから立ち上がってみる×視野狭窄×ハウスキーパー×内閣ベビーシッター×看護休暇×病児保育×ベビーシッター×余裕を持った人員配置×きみは赤ちゃん×「服屋に行くための服がない」みたいな話×指輪をなくしたことをなぜ隠そうとするのかわからない×めんどくさいから隠そう×エモーションタイプ×pomoikane×日記2023-06-19×日記2023-06-21×日記2023-03-12×日記2022-06-20→
"Engineer's way of creating knowledge" the English version of my book is now available on [Engineer's way of creating knowledge]
(C)NISHIO Hirokazu / Converted from [Scrapbox] at [Edit]