如何解决require未定义？

Question

我关注了this tutorial，用vuejs和laravel创建了一个聊天应用。

我在app.js:8 中收到 require is not defined 错误。我尝试了很多东西，但似乎没有任何东西可以解决这个问题。

我尝试使用 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'));

Answer 1

您不应该直接引用resources/assets/js/app.js。 require 被 webpack 使用，这是一个将你的 js 资产捆绑到一个文件中的工具。

相反，您应该运行 npm run development，然后像 here 一样引用 js/app.js

见laravel mix docs

Answer 2

您可能需要将此添加到您的项目中：https://requirejs.org/docs/release/2.3.5/minified/require.js

你的问题也有类似的问题：Javascript require() function giving ReferenceError: require is not defined