ERROR - Deploy Vercel with Laravel and VueJS (ziggy)
Hello friends, I'm having a problem with the implementation in Vue+Laravel. This is my second project with laravel and vue with the same ziggy problem, I have already changed the paths and nothing I have the impression that it is because I am using WSL in both projects. See the error below:
[21:05:14.944] Running the build in Washington, D.C., USA (East) - iad1
[21:05:15.362] Cloning github.com/VitorHSilver/barber-shop (Branch: main, Commit: 653b3a9)
[21:05:15.713] Previous build cache not available
[21:05:16.156] Cloning completed: 792.949ms
[21:05:16.525] Running “vercel build”
[21:05:17.061] Vercel CLI 39.3.0
[21:05:17.761] Running the “install” command: npm install...
[21:05:23.339]
[21:05:23.340] added 246 packages and audited 247 packages in 5s
[21:05:23.341]
[21:05:23.341] 60 packages are looking for funding
[21:05:23.341] run npm fund for details
[21:05:23.341]
[21:05:23.342] found 0 vulnerabilities
[21:05:23.573] Running “yarn run build”
[21:05:23.853] yarn run v1.22.19
[21:05:23.881] $ vue-tsc && vite build
[21:05:28.794] resources/js/app.ts(7,26): error TS2307: Could not find module '../../vendor/tightenco/ziggy' or its corresponding type declarations.
[21:05:28.821] error The command failed with exit code 2.
[21:05:28.834] Error: The command “yarn run build” exited with 2
[21:05:29.131]
I'm using laravel with vue because I'm going to use API, Notification and DataBase
My file tsconfig.json:
{ "compilerOptions": { "allowJs": true, "module": "ESNext", "moduleResolution": "bundler", "jsx": "preserve", "strict": true, "isolatedModules": true, "target": "ESNext", "esModuleInterop": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "skipLibCheck": true, "paths": { "@/": ["./resources/js/"], "ziggy-js": ["/vendor/tightenco/ziggy"] } }, "include": ["resources/js//*.ts", "resources/js//*.vue"] }
I'm using laravel with vue because I'm going to use API, Notification and DataBase
My file tsconfig.json:
{ "compilerOptions": { "allowJs": true, "module": "ESNext", "moduleResolution": "bundler", "jsx": "preserve", "strict": true, "isolatedModules": true, "target": "ESNext", "esModuleInterop": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "skipLibCheck": true, "paths": { "@/": ["./resources/js/"], "ziggy-js": ["/vendor/tightenco/ziggy"] } }, "include": ["resources/js//*.ts", "resources/js//*.vue"] } APP.TS
import '../css/app.css'; import './bootstrap'; import { createInertiaApp } from '@inertiajs/vue3'; import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers'; import { createApp, DefineComponent, h } from 'vue'; import { ZiggyVue } from '../../vendor/tightenco/ziggy/dist/index.esm';
I have already changed the paths and nothing. try npm install ziggy-js and changed path in tsconfig.json: ["../../vendor/tightenco/ziggy"] , ["/vendor/ziggy-js/dist/index.esm.js"] ["../../vendor/tightenco/ziggy/dist/index.esm.js"]
Please or to participate in this conversation.