Todo List App with Laravel and Vue.js
Why Stack Overflow recommends it
Stack Overflow users link it when they followed this todo list walkthrough and hit build or version errors, such as webpack module resolution problems or Vue 3 mismatches.
Recommended by 0 people across 0 different months, 2021 to 2022.
What it is
A one-hour tutorial by Scrypster that builds a full stack todo list web app with Laravel 8 on the backend and Vue.js 2 on the frontend. It walks through setting up the project, creating Vue components, and wiring them to the Laravel API.
What people said
Cites web user · 2021-01 · Stack Overflow · on “Combining Laravel + Vue.js I got Error: "Module not found: Error: Can't resolve './vue/app'"”
I did everything exactly as in this video [this video] but I got this error i cmd :( "ERROR in ./resources/js/app.js 4:0-28 Module not found: Error: Can't resolve './vue/app' in 'D:\osp\domains\laravel-todolist\resources\js' webpack compiled with 1 error" and error in browser console "Uncaught Error: Cannot find module './vue/app'". Here is my short overview video with my code [LINK] I created folder /vue/ in /resources/js/ folder and put here file 'app.vue' with code <template><div>Hello</div></template> <script>export default {}</script> Then in /resources/js/app.js file I'm importing Vue instance and my template file. require('./bootstrap'); import Vue from 'vue'; import App from './vue/app';
Cites UcefDev · 2021-09 · Stack Overflow · on “Combining Laravel + Vue.js got Error ( Module not found: Error: Can't resolve './vue/App' in 'C:\xampp\htdocs\todolist\resources\js' )”
So I did everything like this video [this video] but after that I got this error : :( "ERROR in ./resources/js/app.js 4:0-28 Module not found: Error: Can't resolve './vue/app' this is my /resources/js/app.js file require('./bootstrap'); import Vue from 'vue'; import App from './vue/App'; const app = new Vue( { el: '#app', components: { app } } ); and this is my webpack.mix.js file mix.js('resources/js/app.js', 'public/js').vue() .postCss('resources/css/app.css', 'public/css', [ // ]);
Cites shozo · 2022-04 · Stack Overflow · on “Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'completed') in Vue 3”
I'm trying to create Todo List App with Laravel and Vue.js. I have problem with that title error. I've watched this video ( [this video] ) for paractcing And also, I've done until 47:50, but when I wrote a a code listItem.vue, It didn't work as shown in video. Although I compared with mycode for many times, I couldn't where is wrong. If you have solution, Please tell me how to fix. And, What is best way how to debug apps with laravel and Vue.js? Here is my version php 7.3.11 vue vue@3.2.31 listItem.vue <template> <div class="item"> <input type="checkbox" @change="updateCheck()" v-model="item.completed" /> <span>{{ item.name }}</span> <button @click="removeItem()" class="trashcan"> <font-awesome-i