我关注了 this tutorial使用 vuejs 创建聊天应用程序和 laravel .
我在 app.js:8
中得到 require is not defined 错误.我尝试了很多东西,但似乎没有什么能解决这个问题。
我尝试使用 requirejs 所以我在我的 View 中添加了这两行
<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 使用这是一个将您的 js Assets 捆绑到一个文件中的工具。
相反,您应该运行 npm run development
然后引用 js/app.js
喜欢 here
见 laravel mix docs
关于node.js - 没有定义require怎么解决?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53667055/