我跟着本教程 https://github.com/manoharkhadka1/laravel-chat-app创建一个聊天应用程序vuejs /questions/tagged/vuejs and laravel /questions/tagged/laravel.
I get 要求未定义错误于app.js:8
.我尝试了很多方法,但似乎没有什么可以解决这个问题。
我尝试使用 requirejs 所以我在我的视图中添加了这两行
<script type="text/javascript" data-main="{{ url('resources/assets/js/app.js')}}" src="https://requirejs.org/docs/release/2.3.5/minified/require.js"></script>
<script src="{{ url('resources/assets/js/app.js')}}"></script>
这是我的 app.js 代码:
requirejs.config({
baseUrl: 'js/lib',
paths: {
app: '../app'
}
});
requirejs(['jquery', 'canvas', 'app/sub'],
function ($, canvas, sub) {
});
// this line below is causing the problem
require('./bootstrap');
window.Vue = require('vue');
Vue.use(require('vue-chat-scroll'));
Vue.component('chat-message', require('./components/ChatMessage.vue'));
Vue.component('chat-log', require('./components/ChatLog.vue'));
Vue.component('user-log', require('./components/UserLog.vue'));
Vue.component('chat-composer', require('./components/ChatComposer.vue'));
你不应该引用resources/assets/js/app.js
直接地。require
被使用webpack https://webpack.js.org/这是一个将您的 js 资源捆绑到单个文件中的工具。
相反,你应该运行npm run development
然后参考js/app.js
like here https://github.com/manoharkhadka1/laravel-chat-app/blob/master/resources/views/home.blade.php#L168
See Laravel 混合文档 https://laravel-mix.com/docs/workflow
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)