『Live2D SDK for WEB』エラーが発生し、モデルが表示されない。

報告の際には、必ず以下の項目をご入力ください
【Cubism SDKのバージョン】CubismSdkForWeb-5-r.1
【OS名・バージョン】Windows11
【開発使用ツール】VSCord 2022 , npm 10.8.1
【不具合の状況】
・インストール、ビルド、起動ともに正常に行え、初期モデルは表示されました。
・用意したモデルを動かそうとlappdefine.tsを書き換えて、ビルドしたが表示されない(背景、設定アイコンのみ表示されます)
・モデルはLive2D cubism Viwerでは正常に表示、動作します。
・ブラウザ側のコンソールログは以下になります。
Uncaught (in promise) TypeError: Cannot set properties of undefined (setting ‘time’)
at ce.parse (cubismmotion.ts:837:55)
at ce.create (cubismmotion.ts:257:9)
at Ka.loadMotion (cubismusermodel.ts:171:25)
at lappmodel.ts:811:48

@太郎_井上

いつも弊社製品をご愛顧くださり誠にありがとうございます。
Live2Dスタッフでございます。

初期モデルは正常に動作し、お手元のモデルではエラーが発生したとのことで、お手元のモデルに何かしらの原因があると推測しました。

また、Live2D cubism ViwerとSDK for Webは処理の内容が異なるため、一方ではエラーが発生する場合がございます。

記載いただいたコンソールログを解析したところ、お手元のモデルの.motion3.jsonが手動で書き換えられ、内容に齟齬が発生している可能性がございます。

.motion3.jsonなどのSDK組み込みファイルは手動での書き換えを行うと動作を保証できなくなりますので、モデル制作者の方に再度.motion3.jsonを書き出し直していただいたうえで再度ご確認いただければと思います。

以上、よろしくお願いいたします。

ご返信いただきありがとうございます。
jsonファイルを入れ替えてビルドして再度試したのですが、以下のようなエラーが出てしまいます。

[CSM][I]Live2D Cubism Core version: 05.00.0000 (83886080)

lapppal.ts:52 [CSM][I]CubismFramework.startUp() is complete.

lapppal.ts:52 [CSM][I]CubismFramework.initialize() is complete.

lapppal.ts:52 [APP]model index: 0
live2dcubismcore.ts:923 Live2D Cubism SDK Core Version 5.0.0
3cubismmotion.ts:837 Uncaught (in promise) TypeError: Cannot set properties of undefined (setting ‘time’)
at ce.parse (cubismmotion.ts:837:55)
at ce.create (cubismmotion.ts:257:9)
at Ka.loadMotion (cubismusermodel.ts:171:25)
at lappmodel.ts:811:48
cubismmotion.ts:862 Uncaught (in promise) TypeError: Cannot set properties of undefined (setting ‘time’)
at ce.parse (cubismmotion.ts:862:57)
at ce.create (cubismmotion.ts:257:9)
at Ka.loadMotion (cubismusermodel.ts:171:25)
at lappmodel.ts:811:48
2cubismmotion.ts:837 Uncaught (in promise) TypeError: Cannot set properties of undefined (setting ‘time’)
at ce.parse (cubismmotion.ts:837:55)
at ce.create (cubismmotion.ts:257:9)
at Ka.loadMotion (cubismusermodel.ts:171:25)
at lappmodel.ts:811:48
cubismmotion.ts:862 Uncaught (in promise) TypeError: Cannot set properties of undefined (setting ‘time’)
at ce.parse (cubismmotion.ts:862:57)
at ce.create (cubismmotion.ts:257:9)
at Ka.loadMotion (cubismusermodel.ts:171:25)
at lappmodel.ts:811:48
7cubismmotion.ts:837 Uncaught (in promise) TypeError: Cannot set properties of undefined (setting ‘time’)
at ce.parse (cubismmotion.ts:837:55)
at ce.create (cubismmotion.ts:257:9)
at Ka.loadMotion (cubismusermodel.ts:171:25)
at lappmodel.ts:811:48
cubismmotion.ts:862 Uncaught (in promise) TypeError: Cannot set properties of undefined (setting ‘time’)
at ce.parse (cubismmotion.ts:862:57)
at ce.create (cubismmotion.ts:257:9)
at Ka.loadMotion (cubismusermodel.ts:171:25)
at lappmodel.ts:811:48
2cubismmotion.ts:837 Uncaught (in promise) TypeError: Cannot set properties of undefined (setting ‘time’)
at ce.parse (cubismmotion.ts:837:55)
at ce.create (cubismmotion.ts:257:9)
at Ka.loadMotion (cubismusermodel.ts:171:25)
at lappmodel.ts:811:48
cubismmotion.ts:862 Uncaught (in promise) TypeError: Cannot set properties of undefined (setting ‘time’)
at ce.parse (cubismmotion.ts:862:57)
at ce.create (cubismmotion.ts:257:9)
at Ka.loadMotion (cubismusermodel.ts:171:25)
at lappmodel.ts:811:48
cubismmotion.ts:837 Uncaught (in promise) TypeError: Cannot set properties of undefined (setting ‘time’)
at ce.parse (cubismmotion.ts:837:55)
at ce.create (cubismmotion.ts:257:9)
at Ka.loadMotion (cubismusermodel.ts:171:25)
at lappmodel.ts:811:48
7cubismmotion.ts:862 Uncaught (in promise) TypeError: Cannot set properties of undefined (setting ‘time’)
at ce.parse (cubismmotion.ts:862:57)
at ce.create (cubismmotion.ts:257:9)
at Ka.loadMotion (cubismusermodel.ts:171:25)
at lappmodel.ts:811:48
cubismmotion.ts:837 Uncaught (in promise) TypeError: Cannot set properties of undefined (setting ‘time’)
at ce.parse (cubismmotion.ts:837:55)
at ce.create (cubismmotion.ts:257:9)
at Ka.loadMotion (cubismusermodel.ts:171:25)
at lappmodel.ts:811:48
localhost/:1 Uncaught (in promise) Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received

@太郎_井上

対応前と変わらずエラーが発生するとのことで、大変失礼いたしました。
詳しくお調べしますので、
問題のモデルファイルとログファイルの全文を以下のページよりお送りいただければと思います。

以上よろしくお願いいたします。

ご返信ありがとうございます。
先ほど、お送りいたしました。
また、ログファイルについてなのですが、どこにあるかわかりませんでした。

@太郎_井上

本件 nakayasu に代わりましてご連絡差し上げます。

不具合が見られるモデルデータの送付ありがとうございました。
内容を確認したところ、motion3.jsonが何らかで書き換えられ正しいデータでないことが確認できました。頂いたmotion3.jsonがCubism Editorからの書き出したデータである場合、Cubism Editor側の不具合と考えられます。
つきましては、数点確認したいことがございます。

  1. jsonファイルを入れ替えてビルドしたとのことですが、頂いたmotion3.jsonはCubism Editorから書き出したファイルでしょうか。
  2. motion3.jsonを何らかの方法で編集(メモ帳で書き換えた等)はしていないでしょうか。
  3. 元のアニメーションファイル(.can3)がございましたらnakayasuから案内したデータ便で送付ください。

以上お手数ではございますが、ご確認いただけますと幸いでございます。