Laravelで#appが見つけられないとエラーが出てしまいます。
調べたサイト
https://nekorokkekun.hatenablog.com/entry/2019/07/24/082450
http://koba5884.com/archives/9965895.html
https://www.softel.co.jp/blogs/tech/archives/6143
読み込む順番がおかしいのでしょうか?
Cannot find element: #app
<!doctype html> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- CSRF Token --> <meta name="csrf-token" content="{{ csrf_token() }}"> <title>{{ config('app.name', 'Tenlife') }}</title> <!-- Scripts --> <script src="{{ asset('js/app.js') }}" defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.min.js"></script> <!-- Fonts --> <link rel="dns-prefetch" href="//fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet"> <!-- Styles --> <link href="{{ asset('css/app.css') }}" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.3.0/dist/css/uikit.min.css" /> <script src="https://cdn.jsdelivr.net/npm/uikit@3.3.0/dist/js/uikit.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/uikit@3.3.0/dist/js/uikit-icons.min.js"></script> </head> <body> <div id="app"> <main class="py-4"> <div class="main"> @yield('content') </div> </main> </div> </body> </html>
new Vue({ el: '#app', });
@extends('layouts.app') @section('content') <Contact></Contact> @endsection
<template> </template> <script> import Contact from "./components/contact" import axios from 'axios' import VueAxios from 'vue-axios' export default { components: { Contact } } </script> <style> </style>
自分の力では原因を見つけることはできませんでした。
どなたか知恵を貸していただきたいです。
よろしくお願いします
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。