DEV Community

Discussion on: Setting up Vue in Laravel 8

Collapse
 
abelardolg profile image
AbelardoLG • Edited

Hi there,
A merely minute ago I followed your steps to see a Vue component inside a Laravel app but...the following message appeared instead:

Exception
The Mix manifest does not exist. (View: /hello-laravel-vue3/resources/views/welcome.blade.php)

What's wrong?

Nice tutorial! Following you! ;)

Collapse
 
abelardolg profile image
AbelardoLG • Edited

SInce the error page which is showed tells us:
Missing Mix Manifest File
Did you forget to run npm install && npm run dev?

I run npm install && npm run dev. Then, this error happened during the installation of npm install&npm run dev:

up to date, audited 2064 packages in 2s

47 packages are looking for funding
run npm fund for details

found 0 vulnerabilities

dev
npm run development

development
cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --config=node_modules/laravel-mix/setup/webpack.config.js

    Additional dependencies must be installed. This will only take a moment.

    Running: npm install vue-template-compiler --save-dev --production=false

    Okay, done. The following packages have been installed and saved to your package.json dependencies list:

    - vue-template-compiler
Enter fullscreen mode Exit fullscreen mode

78% module and chunk tree optimization ExtractTextPlugin/hello-laravel-vue3/node_modules/extract-text-webpack-plugin/node_modules/async/dist/async.js:1063
} eLse if ++complEted ===
^^

SyntaxError: Unexpected token 'if'
at hello-laravel-vue3/node_modules/extract-text-webpack-plugin/node_modules/async/dist/async.js:969:16

Collapse
 
wogas profile image
wogas

Vue-template-compiler is not compatible with vue 3.
Use @vue/compiler-sfc . Ensure it is same version as vue

Collapse
 
grahammorby profile image
Graham Morby

Hey , I cant replicate the error. It works out of the box for me. Is NPM and node upto date on your machine