Nuxt Bridge導入してみた④ ないモジュールはインストールの巻
こんにちは。NuxtBridgeソルジャーです。
こちらのつづきです。ここまで、すべて本日の出来事です。ｗ
今回の問題：Cannot find module 'XXX/node_modules/globby/ignore.js' imported from XXX/node_modules/globby/index.js をなんとかする
前回は、色々した結果、
Cannot find module 'いろいろ/node_modules/globby/ignore.js' imported from いろいろ/node_modules/globby/index.js
って怒られたところで諦めて、ちょっと寝かせて（卵を買いにアピタに行って）ました。（主婦）
で、ふと、…思いついたことが。
あっ、モジュールないよって言ってね？？
ということで
手順（番外編、公式にない）globby モジュール追加
% yarn add globby
やってみた。globbyがなにもんなのかまじでしらんけど、ないって言ってるから、あげようと思って…
すると。
ついにエミュレータ起動（泣）
あいかわらず、default.vueだけだし、なんかターミナルの表示少なめに見えるけど…
よっしゃ、起動しただけでちょいうれし。
コンソールが怒ってるけどそれはなんとかしようぞ。
ここまでたくさんの記事にお助けいただきました。
モジュールないって読めばわかるやん…って今は思う（初心者）
ではでは、次に参りましょう。
手順（番外編２）コンソールのエラーを片付ける
起動はしてくれたので、エミュレータ開いた状態で、コンソールが突きつけてくるエラーを倒そうと試み。
新しく、コンソールにエラーが出てます。（コンソール読めることが喜び説）
Cannot destructure property '__extends' of '_tslib_js__WEBPACK_IMPORTED_MODULE_0___default.a' as it is undefined.
これでこのままググる。
で、このgitさんの中にあるコメントの中で、
export default defineNuxtConfig({
+ bridge:false,
…
↑これ入れると動くんよねって書いてあります（意訳）
って書いてあったのでちょっとやってみた
あら不思議！ 動…かない
動かんのですよ。だからもっと前段階に爆弾置いてきてんなと思って、とりあえずbridge:falseは消して、
もうちょい検索。
で、これを読んで
要約。
「あなた、このエラーに困ってない？しかも、なんも記事なくて、最悪と思ってない？これを読んで、解決することを願っているわ」
おお！冒頭の文はかなり心を引きつけるではないか…読んでみよう
「これだけで解決するよ。」
export default defineNuxtConfig({
+ alias: {
+ tslib: 'tslib/tslib.es6.js',
+ },
…
嘘だろまじか。やってみた…
…
表示された！（なんかコンソールめっちゃ黄色いけど）
１ページでとどまらない黄色。なお、今の所トップページに問題はないです
もう、今日はよくがんばったよね。がんばったがんばった。
落ち着いたら読み直しててにをはを直さねばならんし、
「知らんけどやってみた」事案があまりに多いので、それも解決せねばならぬ。
が、とりあえず、「NuxtBridgeを入れた状態で画面を開けてある程度操作できる」ところまでもってきたので、
今日の目標は達成ということで。
長々と4本に渡って書きましたが、のちに自分とお師匠が困らないように備忘録として書きました。
もしかして、誰かの役に立つか、もっといい方法があるって教えていただけるようなことがあれば、
それは嬉しい限りです。
では、さばの味噌煮を煮てきます。（主婦）
本記事のまとめ
問題：Cannot find module 'XXX/node_modules/globby/ignore.js' imported from XXX/node_modules/globby/index.js をなんとかする
答え：yarn add globby ないモジュールはインストールする
さらなる問題：コンソールエラー…Cannot destructure property '__extends' of '_tslib_js__WEBPACK_IMPORTED_MODULE_0___default.a' as it is undefined.
答え：以下の操作
export default defineNuxtConfig({
+ alias: {
+ tslib: 'tslib/tslib.es6.js',
+ },
…
NuxtBridgeを「導入した」だけです。今後は、compositionAPIとかと戦闘することとなるでしょう。
また記事書きます。乞うご期待！！
Discussion