css - 在 Laravel 5.8 中找不到导入错误字体的样式表

Question

我使用一些免费的 Bootstrap 管理面板创建了一个 laravel 元素，我想使用包管理器在我的元素中添加 fontawsome 字体。我阅读了有关它的文档并正确地遵循了它，但是当我执行 npm run dev 时，它给我一个错误 Can't find stylesheet to import。
@import "~@fortawesome/fontawesome-free";。我可以在 node_modules 文件夹中看到 fontawsome 和 @fortawsome 的文件夹，但是当我 crtl+click 一些导入语句，它显示找不到该文件。有人可以帮我弄这个吗？我正在使用最新版本的 fontawsome 和 5.8 版本的 laravel。

应用.scss

// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';
$fa-font-path:        "../webfonts";

@import "node_modules/font-awesome/scss/font-awesome.scss";
// Bootstrap
@import '~bootstrap/scss/bootstrap';
// adminlte
@import '~admin-lte/dist/css/adminlte.css';

@import "~@fortawsome/fontawesome-free/scss/fontawesome.scss";
@import "~@fortawsome/fontawesome-free/scss/solid.scss";
@import "~@fortawsome/fontawesome-free/scss/brands.scss";

包.json

  "devDependencies": {
        "@fortawesome/fontawesome-free": "^5.9.0",
        "axios": "^0.19",
        "bootstrap": "^4.1.0",
        "cross-env": "^5.1",
        "jquery": "^3.2",
        "laravel-mix": "^4.0.7",
        "lodash": "^4.17.13",
        "popper.js": "^1.12",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.15.2",
        "sass-loader": "^7.1.0",
        "vue": "^2.5.17",
        "vue-template-compiler": "^2.6.10"
    },
    "dependencies": {
        "admin-lte": "^2.4.15"

    }

Answer 1

我解决了。这是一个打字错误。我写了 fortawsome 而不是 fortawesome。