Laravel Mix搭配Vue3时#app内含script标签出现渲染报错如何解决？
2026-10-4
问题根因
Vue 3 模板编译器默认会将 <script>、<style> 等非模板标签判定为非法内容，在编译阶段直接移除，同时会抛出语法错误，这和Vue 2的默认处理逻辑不同，所以你放在#app根元素内的第三方脚本会被清理，导致页面空白和控制台报错。
方案1：强制保留#app内的
相关产品推荐
相关产品推荐
Vue 3 模板编译器默认会将 <script>、<style> 等非模板标签判定为非法内容，在编译阶段直接移除，同时会抛出语法错误，这和Vue 2的默认处理逻辑不同，所以你放在#app根元素内的第三方脚本会被清理，导致页面空白和控制台报错。
