Laravel - Laravel + vue(require no definido)

 
Vista:
sin imagen de perfil
Val: 5
Ha disminuido su posición en 2 puestos en Laravel (en relación al último mes)
Gráfica de Laravel

Laravel + vue(require no definido)

Publicado por Edel (2 intervenciones) el 10/09/2020 20:59:50
hola a todos.
Estoy configurando vue para el frontend.
version de node: v12.16.3
version de npm: 6.4.14.

compilo webpack sin errores a mi archivo app.j en public.

mix.scripts([
...
'resources/js/app.js'
], 'public/frontend/js/app.js')
.styles...

cuando carga la pagina me dice
Uncaught ReferenceError: require is not defined en referencia al archivo resources/js/app.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
/**
 * First we will load all of this project's JavaScript dependencies which
 * includes Vue and other libraries. It is a great starting point when
 * building robust, powerful web applications using Vue and Laravel.
 */
require('./bootstrap');
window.Vue = require('vue');
/**
 * The following block of code may be used to automatically register your
 * Vue components. It will recursively scan this directory for the Vue
 * components and automatically register them with their "basename".
 *
 * Eg. ./components/ExampleComponent.vue -> <example-component></example-component>
 */
// const files = require.context('./', true, /\.vue$/i)
// files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default))
Vue.component('services-component', require('./components/ServicesComponent.vue').default);
/**
 * Next, we will create a fresh Vue application instance and attach it to
 * the page. Then, you may begin adding components to this application
 * or customize the JavaScript scaffolding to fit your unique needs.
 */
const app = new Vue({
    el: '#app',
});

la funcion require no viene ya con vue.? bueno que hacer para salucionarlo.gracias de antemano
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil
Val: 5
Ha disminuido su posición en 2 puestos en Laravel (en relación al último mes)
Gráfica de Laravel

Laravel + vue(require no definido)

Publicado por Edel (2 intervenciones) el 12/09/2020 19:18:50
solucione el problema haciendo dos cambios.
en webpack cambie
1
2
3
4
5
mix.scripts([
...
'resources/js/app.js'
], 'public/frontend/js/app.js')
.styles...
por
1
2
3
4
mix.js(
        'resources/js/app.js'
        , 'public/frontend/js')
    .styles([...
.
y lo otro necesario es incluir el archivo public/js/app.js en mi layout
1
<script src="{{asset('frontend/js/app.js')}}" defer></script>
utilizando defer.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar