Я пытаюсь прослушать событие Gyroscope в приложении nuxtjs.
Я прочитал об API сенсора и попытался использовать его следующим образом:
mounted () {
this.gyroscope = new Gyroscope({ frequency: 60 })
this.gyroscope.addEventListener('reading', this.gyro_event)
this.gyroscope.start()
}
, где this.gyro_event:
gyro_event (e) {
if (this.sensorData.time.length < 6000) {
this.sensorData.time.push(this.gyroscope.time)
this.sensorData.x.push(this.gyroscope.x)
this.sensorData.y.push(this.gyroscope.y)
this.sensorData.z.push(this.gyroscope.z)
}
}
При работе с npm run dev я не получаю ошибок. Я также не получаю никаких показаний, но это потому, что на моем ноутбуке нет гироскопа.
При работе на производстве (при выдаче результата npm run generate) я получаю следующую ошибку:
ПРИМЕЧАНИЕ : у меня были похожие ошибки в режиме разработки при попытке инициализировать объект Gyroscope до монтажа (т. Е. В created или data hooks).
Я также знаю, что есть и другие способы доступа к датчикам (например, событие ondeviceorientation), но я не уверен, какие различия и какие лучше всего работают с nuxt / vue, поэтому любые советы будут оценены.