Laravel10+Vue Inertia加载WebAudioRecorder JS文件遇Unexpected token '<'错误
问题:Laravel 10 + Vue Inertia 中 web-audio-recorder-js 加载异常
我正在学习Laravel 10 + Vue Inertia,通过重构之前Vue+Node开发的旧项目来实践。用web-audio-recorder-js库实现音频录制,核心代码如下:
recorder = new WebAudioRecorder(input, { encoding: encodingType, numChannels: 2, onEncoderLoading: async function (recorder, encoding) {}, onEncoderLoaded: async function (recorder, encoding) {}, });
实例化WebAudioRecorder时会加载WebAudioRecorder.min.js,该文件会创建新Worker加载WebAudioRecorderWav.min.js。这段代码在旧项目里运行正常,但在Laravel环境中出了问题:加载JS文件时会重定向回当前文件,触发错误1:1 Uncaught SyntaxError: Unexpected token '<' (at 1:1:1)。
查看网络请求发现,加载WebAudioRecorder.min.js后始终重定向回当前文件,导致onComplete事件无法触发,也拿不到预期的Blob。
控制台相关截图说明:
- 截图1:显示加载WebAudioRecorderWav.min.js时返回了HTML内容,而非预期的JS代码,因此触发语法错误
- 截图2:网络请求记录显示该JS文件的请求最终被重定向到当前页面的路径
内容的提问来源于stack exchange,提问作者Lyhourt Te
相关产品推荐
相关产品推荐

