Laravel UI Bootstrap 似乎无法正常工作 [关闭]答案

【问题标题】：Laravel UI Bootstrap does not seem to be working [closed]Laravel UI Bootstrap 似乎无法正常工作 [关闭]
【发布时间】：2022-01-02 08:34:32
【问题描述】：

我正在使用 Laravel 版本 8.53.1，并且我已经尝试使用这些命令来使用 Laravel 安装 Bootstrap 身份验证：

composer require laravel/ui
php artisan ui bootstrap 
php artisan ui bootstrap --auth
npm install  && npm run dev

但现在的问题是登录和注册刀片不读取引导程序，表单如下所示：

我什至多次重复运行该命令，但仍然存在问题！这里出了什么问题？

composer.json

{
    "name": "laravel/laravel",
    "type": "project",
    "description": "The Laravel Framework.",
    "keywords": ["framework", "laravel"],
    "license": "MIT",
    "require": {
        "php": "^7.3|^8.0",
        "fideloper/proxy": "^4.4",
        "fruitcake/laravel-cors": "^2.0",
        "guzzlehttp/guzzle": "^7.0.1",
        "laravel/framework": "^8.40",
        "laravel/tinker": "^2.5",
        "laravel/ui": "^3.4",
        "maatwebsite/excel": "^3.1"
    },
    "require-dev": {
        "facade/ignition": "^2.5",
        "fakerphp/faker": "^1.9.1",
        "laravel/sail": "^1.0.1",
        "mockery/mockery": "^1.4.2",
        "nunomaduro/collision": "^5.0",
        "phpunit/phpunit": "^9.3.3"
    },
    "autoload": {
        "psr-4": {
            "App\\": "app/",
            "Database\\Factories\\": "database/factories/",
            "Database\\Seeders\\": "database/seeders/"
        }
    },
    "autoload-dev": {
        "psr-4": {
            "Tests\\": "tests/"
        }
    },
    "scripts": {
        "post-autoload-dump": [
            "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
            "@php artisan package:discover --ansi"
        ],
        "post-update-cmd": [
            "@php artisan vendor:publish --tag=laravel-assets --ansi"
        ],
        "post-root-package-install": [
            "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
        ],
        "post-create-project-cmd": [
            "@php artisan key:generate --ansi"
        ]
    },
    "extra": {
        "laravel": {
            "dont-discover": []
        }
    },
    "config": {
        "optimize-autoloader": true,
        "preferred-install": "dist",
        "sort-packages": true
    },
    "minimum-stability": "dev",
    "prefer-stable": true
}

package.json

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "mix",
        "watch": "mix watch",
        "watch-poll": "mix watch -- --watch-options-poll=1000",
        "hot": "mix watch --hot",
        "prod": "npm run production",
        "production": "mix --production"
    },
    "devDependencies": {
        "@popperjs/core": "^2.10.2",
        "axios": "^0.21",
        "bootstrap": "^5.1.3",
        "laravel-mix": "^6.0.6",
        "lodash": "^4.17.19",
        "postcss": "^8.1.14",
        "resolve-url-loader": "^4.0.0",
        "sass": "^1.32.11",
        "sass-loader": "^11.0.1"
    }
}

那么我该如何解决这个问题呢？我也尝试通过运行php artisan cache:clear 和php artisan view:clear 来删除缓存，但它并没有解决问题。

【问题讨论】：

您是否将引导程序导入资产 app.js？
什么确切不起作用？您尝试过什么检查为什么这不起作用？
您是否查看了布局尝试加载的 CSS 以及是否正在加载？
你能包含你的 webpack.mix.js 吗？

标签： php laravel composer-php laravel-8 laravel-ui

【解决方案1】：

当您运行第一个 npm install && npm run dev 时，会出现一条消息，要求安装额外的包/依赖项并再次运行 npm run dev。步骤是：

npm install resolve-url-loader@^4.0.0 --save-dev --legacy-peer-deps
npm run dev

A screenshot for the addtional package/dependency

【讨论】：

【解决方案2】：

当你第一次在 Laravel 上运行 npm run dev 和 laravel/ui 和 Bootstrap 包时，它不会编译资源。相反，您会收到如下消息。

必须安装其他依赖项。这只需要一个片刻。运行： npm install resolve-url-loader@^4.0.0 --save-dev --legacy-peer-deps 完成的。请再次运行 Mix。

消息要求你再次运行 Laravel Mix。再次运行npm run dev，完成资产编译。

【讨论】：