Okay
  Public Ticket #1820901
Vue compile
Closed

Comments

  • abrahamsosa started the conversation

    I have a problem with the project when try to implement the Vue template, the  error happens when I want to compile using the command line "npm run dev", An error will appear in the console that interrupt the prosess.

    Attached files:  Error 1.png
      Error 2.PNG

  •  99
    Jyostna replied

    Hello,

    Please try with the command "yarn install"(if success)  
    and run the command "npm run dev"

    Thanks,


  • abrahamsosa replied

    I have a new problem with the solution that you gave me , i have already installed yarn then run the npm run dev command and show me this new error

    Attached files:  Error.png

  •  99
    Jyostna replied

    Hello,

    Please delete node_modules folder with the command "rm -rf node_modules"
    (or)
      directly delete node_modules folder from your project structure. 

    Run the command "yarn install"
    after that run "npm run dev"

    Please ,maintain this versions
    node =>8.11.4
    npm=>6.4.1
    yarn=>1.9.4

    To identify your versions,try with this commands
    node -v
    npm -v
    yarn -v

    Further any issues let me know.

    Thanks,

  • abrahamsosa replied

    Hello, So I have done the last instruccion and it works, I already enter the template but I get this new error in which it doesn't find some files.

    This are the versions that am working on, i don´t now if this has enything to do with the error

    node 10.14.1npm 1.12.3yarn 6.4.1

    Attached files:  Error.png

  •  99
    Jyostna replied

    Hello,Can you please attach your webpack.mix.js file here.Thanks,

  • abrahamsosa replied

    Here is the file that you are requesting, meanwhile, we have tried to implement the template again but with the same results

    Attached files:  webpack.mix.js

  •  99
    Jyostna replied

    Hello,

    Did you compile "vue" folder or "vue-laravel"

    If you compile with vue please follow the below instructions

    yarn install

    npm run dev

    npm run hot

    then see the output in brower

    localhost:8080

    Note:I think you are mistaken with project folders  "vue" and "vue-laravel" as mention in browser url and error screenshots.

    Thanks,

  • abrahamsosa replied

    I am trying to use the one of vue-laravel.

  •  99
    Jyostna replied

    Hello,

    Please start the installation from the beginning in your vue-laravel project and follow the instructions given below,  I hope this will fix

    composer install

    yarn install

    cp .env.example  .env

    php artisan key:generate

    php artisan migrate

    npm run dev

    php artisan serve

    To see the output in browser

    Ex: 127.0.0.1:8000

    Thanks.

  • abrahamsosa replied

    I make a new project following your instructions but i again get this problem in wich some images, fonts and css files are not found, also is there a way to make this project run in a xampp without the "php artisan serve" comand ?

    Attached files:  error.png

  •  85
    seenu replied

    Hello,

    1. you may be did not run 'npm run dev' which moves all images from resources/assets to public

    2. you need to setup virtual hosts, you can refer articles like this https://www.valuebound.com/resources/blog/how-to-setup-virtual-host-windows-7-xampp-server

    but now a days, i am using laragon (https://laragon.org/) which is much better than xampp which includes not only php, apache, phpmyadmin but also npm , auto virtual hosts etc.