<aside> ✏️

목차

</aside>

상황

https://google.github.io/blockly-samples/plugins/typed-variable-modal/test/index.html

• flyout toolbox 내 버튼 클릭시 모달 내 input에서 블록명 제어하는 플러그인을 찾았다.
• 데모사이트에서 제대로 동작하지만, 프로젝트에서도 동일한지 확인해보고자 한다.

과정

설치

kny  ~/Documents/boostcamp/membership/web31-BooLock/apps/client   feat/36 ±  pnpm install @blockly/plugin-typed-variable-modal --save
../..                                    |  WARN  `node_modules` is present. Lockfile only installation will make it out-of-date

   ╭──────────────────────────────────────────────────────────────────╮
   │                                                                  │
   │                Update available! 9.12.3 → 9.13.2.                │
   │   Changelog: <https://github.com/pnpm/pnpm/releases/tag/v9.13.2>   │
   │         Run "corepack install -g [email protected]" to update.         │
   │                                                                  │
   │         Follow @pnpmjs for updates: <https://x.com/pnpmjs>         │
   │                                                                  │
   ╰──────────────────────────────────────────────────────────────────╯

 WARN  3 deprecated subdependencies found: [email protected], [email protected], [email protected]
../..                                    | Progress: resolved 710, reused 0, downloaded 0, added 0, done

dependencies:
+ @blockly/plugin-typed-variable-modal ^8.0.9

../..                                    |   +2 +
Done in 4.9s

8.0.9버전 잘 설치된걸 확인할 수 있다.

이후 과정은 README를 참고했다.

import

하지만 빨간 줄이 뜬다.

Could not find a declaration file for module '@blockly/plugin-typed-variable-modal'. '/Users/kny/Documents/boostcamp/membership/web31-BooLock/node_modules/.pnpm/@[email protected][email protected]/node_modules/@blockly/plugin-typed-variable-modal/dist/index.js' implicitly has an 'any' type.
  Try `npm i --save-dev @types/blockly__plugin-typed-variable-modal` if it exists or add a new declaration (.d.ts) file containing `declare module '@blockly/plugin-typed-variable-modal';`

타입 관련 에러라 추정되어 일단 스킵한다.

해당 라이브러리 제대로 동작하는지 확인 후 고쳐보자.

custom category 추가