estoy usando laravel + vuejs para hacer el botón de seguir y dejar de seguir de la clonación de instagram, pero recibo este error, hice todo lo que pude, verifiqué config.js, eliminé el paquete del módulo y nuevamente ejecuté la instalación de npm pero no funcionó aquí es mi código
<template> <div> <button class="btn btn-primary ml-4" @click="followUser" v-text="buttonText">Folloq</button> </div> </template> <script> import func from '../../../vue-temp/vue-editor-bridge'; export default { props: ['userId', 'follows'], watch: { status: function() { this.buttonText = (this.status) ? 'Unfollow' : 'Follow'; } }, data: function () { return { status: this.follows, buttonText: this.follows ? 'Unfollow' : 'Follow' } }, methods: { followUser() { axios.post('/follow/' + this.userId) .then(response => { this.status = ! this.status; console.log(response.data); }) .catch(errors => { if (errors.response.status == 401){ window.location = '/login'; } }); } }, } </script>mi código en la vista en index.blade.php para el botón es
<follow-button user-id="{{$user->id}}" follows="{{ $follows }}"></follow-button>la ruta es Route::post('follow/{user}','App\Http\Controllers\FollowsController@store');
error completo
ERROR en ./resources/js/components/FollowButton.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0 ]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/FollowButton.vue?vue&type=script&lang=js&) 7:0-55 Módulo no encontrado: Error: no se puede resolver '../../../vue-temp/vue-editor-bridge' en 'D:\laravel projects\codeGram\resources\js\components'
Supongo que no quieres usar esto en absoluto:
import func from '../../../vue-temp/vue-editor-bridge';Vscode importa esta 'función' de un módulo cuando desea completar automáticamente mientras escribe la función. Esto es totalmente molesto y si alguien sabe cómo apagarlo, ¡serías mi héroe personal!
VS Code se agrega automáticamente en su línea de código como:
import func from 'vue-editor-bridge'Encuéntrelo en su código y elimínelo. ¡Hecho!
También enfrenté este problema, y sucede porque, en lugar de escribir la function completa en el código, usé la versión de function de autocompletar que era func y como func es algo totalmente diferente en Vue, en comparación con la función, Vue simplemente puso import func from 'vue-editor-bridge' .
Simplemente cambie la palabra func a function y elimine esta importación dentro de la etiqueta del script y estará bien.
Así es como funciona para mí.