0

在某处使用 Vue 3 和 Laravel 时，我遇到了以下问题。我刚刚开始，并且有一个几乎干净的应用程序，仍然可以看到这个问题存在。也就是说，来自 Laravel 8 的 Vuejs 3 不适用于我。我在控制台中收到错误：

[Vue 警告]：无法解析组件：app.js:13797 处的应用

应用程序.js

require('./bootstrap');

import { createApp } from 'vue';

import App from './App.vue';
const app = createApp({App});
app.mount("#app");

应用程序.vue

<template>
  <h1>{{ greeting }}</h1>
</template>

<script>
export default {
  setup: () => ({
    greeting: 'Hello World from Vue 3!'
  })
}
</script>

<style scoped>

</style>

webpack.mix.js

const mix = require('laravel-mix');
const tailwindcss = require('tailwindcss');

mix.js('resources/js/app.js', 'public/js')
    .vue()
    .sass('resources/sass/app.scss', 'public/css', {}, [tailwindcss('./tailwind.config.js')])
    .version();

欢迎.blade.php

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
    <title>Document</title>
</head>
<body>
<div id="app">
<app>

</app>
</div>
<script src="{{ url('js/app.js') }}"></script>
</body>
</html>

请帮我解决一下这个。:)

4

1 回答 1

0

它应该是createApp(App)，不是{App}，它是 的简写{App: App}。

于 2021-08-28T22:03:38.007 回答