vue error Failed to mount component: template or render function not defined.

[Vue warn]: コンポーネントのマウントに失敗しました: テンプレートまたはレンダー関数が定義されていません。



1分前にはページは正常でしたが、1分後には空白になり、エラー[Vue warn]を報告しました。Failed to mount component: template or render function not defined.



Baiduは、私が間違ったテンプレートタグを使用していると述べたが、私はコードブロックによって自動的に生成されているああ！？最後に、この分、新しいindex.jsファイルを作成したことを考え、名前をmodule.jsに変更し、問題を解決しました。

問題の再確認







これは私のディレクトリ構造です







をインポートすると import xxx from '. /index' からインポートする。 その後、この時点で2つのインデックスファイルがあるため、優先順位js＆gt;ビューは、当然index.jsファイルを呼び出します、そのページには空白が正常に表示され、jsはメソッドが定義されていないビューテンプレートは、コンポーネントをマウントするには失敗しました：テンプレートまたはレンダー関数が定義されていない報告した。それはまた、論理的である。 特定のインポートが省略されたサフィックスとロードフォルダの命令は、私はより包括的な記事を見つけ、レッスンを見に行くことができますに記入したい。 = Vueのimport fromのソース：接尾辞の省略とフォルダの読み込み

ソリューション



それでもサフィックスを省略してモジュールをインポートしたい場合は、リネームしたindex.jsファイルの名前を変更する必要があります。



もし、名前を変えたくない場合は、importモジュールにindex.vueというサフィックスを追加してください。