AlenV
9 months ago
50
4
Vue

Website gets messed up on update

Posted 9 months ago by AlenV

Hello,

I have a website up and running for almost 2 months now and everything is fine. But I have to change my age and this is where the problem start.

I clone the project from git, I remove all ^ in 'package.json' and 'composer.json' files so nothing gets updated, I do 'composer install' and 'npm install' and it works fine until I don't use the command 'npm run dev'. Then my website looks like this https://imgur.com/a/jVKMmJE but it should look like this https://www.alenv.com

Anyone has any idea why is this happening?

composer.json file

{
    "name": "laravel/laravel",
    "description": "The Laravel Framework.",
    "keywords": ["framework", "laravel"],
    "license": "MIT",
    "type": "project",
    "require": {
        "php": "7.1.3",
        "fideloper/proxy": "4.0",
        "laravel-frontend-presets/tailwindcss": "0.7.0",
        "laravel/framework": "5.7.*",
        "laravel/tinker": "1.0"
    },
    "require-dev": {
        "beyondcode/laravel-dump-server": "1.0",
        "filp/whoops": "2.0",
        "fzaninotto/faker": "1.4",
        "mockery/mockery": "1.0",
        "nunomaduro/collision": "2.0",
        "phpunit/phpunit": "7.0"
    },
    "autoload": {
        "classmap": [
            "database/seeds",
            "database/factories"
        ],
        "psr-4": {
            "App\": "app/"
        }
    },
    "autoload-dev": {
        "psr-4": {
            "Tests\": "tests/"
        }
    },
    "extra": {
        "laravel": {
            "dont-discover": []
        }
    },
    "scripts": {
        "post-root-package-install": [
            "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
        ],
        "post-create-project-cmd": [
            "@php artisan key:generate --ansi"
        ],
        "post-autoload-dump": [
            "Illuminate\Foundation\ComposerScripts::postAutoloadDump",
            "@php artisan package:discover --ansi"
        ]
    },
    "config": {
        "preferred-install": "dist",
        "sort-packages": true,
        "optimize-autoloader": true
    },
    "minimum-stability": "dev",
    "prefer-stable": true
}

package.json file

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "@fortawesome/fontawesome-free": "5.5.0",
        "axios": "0.18",
        "cross-env": "5.1",
        "laravel-mix": "2.1",
        "laravel-mix-purgecss": "2.2",
        "laravel-mix-tailwind": "0.1.0",
        "lodash": "4.17.5",
        "popper.js": "1.12",
        "tailwindcss": "0.7.2",
        "vue": "2.5.17"
    },
    "dependencies": {
        "simplebar-vue": "0.1.0",
        "vue-router": "3.0.1",
        "vue-simple-progress": "1.1.0",
        "vuebar": "0.0.20"
    }
}

Please sign in or create an account to participate in this conversation.