More than 3 years have passed since last update.

【Vue.js】Error compiling template: .. outside root element will be ignored.エラーの対処

Posted at 2020-09-24

環境

PHP 7.3.8
Laravel 6.18.35
vue.js 2.6.12

[Vue warn]: Error compiling template:
text ""="">" outside root element will be ignored.

文字通りテンプレートのコンパイルエラーという事で、
template内にタグに囲まれていない部分があるという指摘です。

index.blade.php

//"が多い
<div style="width:calc(50% - .25rem);"">

//不要な"を削除
<div style="width:calc(50% - .25rem);">

これはvueファイル、コンポーネント内のテンプレだけでなく、読み込んでいるbladeでのタグ囲い漏れなども同様のエラーを検出します。