wavesurfer.js의 Scala.js, 타 입된 패브릭

Question

wavesurfer.js 라이브러리의 외관을 구현 중입니다. 공식 docs과 thesequestions을 읽었습니다. 그것은 쉬운 일이되어야하지만, 나는 몇 가지 문제를 겪고있다. 내가 지금까지 가지고 :

val wso = WaveSurferOpts("#waveform", "violet", "purple") 
    val ws = WaveSurfer.create(wso) 
    ws.load("audio.wav") 

을 실행하는 동안 그것은 잘 컴파일하지만

@js.native 
trait WaveSurferOpts extends js.Object { 
    val container: String = js.native 
    val waveColor: String = js.native 
    val progressColor: String = js.native 
} 

object WaveSurferOpts { 
    def apply(container: String, waveColor: String, progressColor: String): WaveSurferOpts = { 
    js.Dynamic.literal(
     container = container, 
     waveColor = waveColor, 
     progressColor = progressColor 
    ).asInstanceOf[WaveSurferOpts] 
    } 
} 

@js.native 
trait WaveSurfer extends js.Object { 
    def load(url: String): js.Any = js.native 
} 

@js.native 
object WaveSurfer extends js.Object { 
    def create(options: WaveSurferOpts): WaveSurfer = js.native 
} 

내가 얻을 것은

VM4626:27 Error: Container element not found 
    at Object.WaveSurfer.init (lingvodoc2-frontend-jsdeps.js:47468) 
    at Object.WaveSurfer.create (lingvodoc2-frontend-jsdeps.js:47468) 
    at 

이 보인다 옵션 (기본적으로, 유일한 필수 매개 변수가 container입니다) 제대로 전달되지 않았습니다. 내 코드에 무슨 문제가 있습니까?

Answer 1

"Container element not found"는 컨테이너 속성 자체가없는 경우가 아니라 지정된 컨테이너 식별자에 대해 DOM에 요소가 없을 때 트리거됩니다. id가 #waveform 인 DOM 요소가 있는지 확인하십시오.