Vue未定义

oxf4rvwz  于 2022-12-14  发布在  Vue.js
关注(0)|答案(1)|浏览(153)

我的app.js文件如下所示。

require('./bootstrap');

window.Vue = require('vue').default;

Vue.component('mosque-component', require('./components/MosqueComponent.vue').default);
Vue.component('prayer-component', require('./components/PrayerComponent.vue').default);
Vue.component('time-component', require('./components/TimeComponent.vue').default);

const app = new Vue({
    el: '#content',
});

我添加了app.js文件如下。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="{{ asset('js/app.js') }}" defer></script>
</head>
<body class="footer-offset">
</body>
</html>

我运行了npm installnpm install vuenpm run dev。但是我得到了下面的错误。我也看不到VueJS输出。

vsdwdz23

vsdwdz231#

而不是这个-

window.Vue = require('vue').default;

像这样使用-

window.Vue = require("vue");

使用el: '#content'时,请确保blade文件中有一个id为content的元素。

相关问题