我安装了全新的 Laravel 8 和 Vue js。安装 npm 和 vue 后,它安装得很好。现在我的问题是当我运行 npm run watch 然后加载页面时它是一个空白页面
我的 testapp.vue
<template>
<div>
<h1>Hello world! asasasaas</h1>
</div>
</template>
<script>
export default {
mounted() {
console.log('Component mounted.')
}
}
</script>
我的意见/testpage.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Testpage</title>
</head>
<body>
<div id="app">
<main-app></main-app>
</div>
</body>
<script src="{{ asset('js/app.js') }}"></script>
</html>
我的 js/app.js 文件
require('./bootstrap');
window.Vue = require('vue');
Vue.component('main-app', require('./components/TestApp.vue').default);
const app = new Vue({
el: '#app'
});
我的 webpack.mix.js
const mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel applications. By default, we are compiling the CSS
| file for the application as well as bundling up all the JS files.
|
*/
mix.js('resources/js/app.js', 'public/js')
.postCss('resources/css/app.css', 'public/css', [
// require('postcss-import'),
// require('tailwindcss'),
// require('autoprefixer'),
])
.vue();
我的路线/网络
Route::get('/test', [TestController::class, 'index']);
有人能帮我解决这个问题吗?当我加载页面时,它是一个空白的白页。好像没有加载vue。
TIA