错误:未找到或无法读取要导入的文件：@fortawesome/fontawesome free，Capybara，Rails 6.0.3
错误:未找到或无法读取要导入的文件：@fortawesome/fontawesome free，Capybara，Rails 6.0.3
这个错误提示表明在导入文件时出现了问题。具体来说，有三个文件无法找到或读取：@fortawesome/fontawesome free，Capybara和Rails 6.0.3。
- @fortawesome/fontawesome free：这是一个字体图标库，提供了各种图标供前端开发使用。它可以通过在HTML或CSS中引入相应的CSS文件来使用。推荐的腾讯云相关产品是腾讯云CDN（内容分发网络），它可以加速静态资源的传输，提高网站的加载速度。你可以在腾讯云CDN的官方文档中了解更多信息：腾讯云CDN产品介绍
- Capybara：这是一个用于编写Web应用程序的集成测试的Ruby库。它提供了一组简洁的API，可以模拟用户与应用程序的交互，并进行各种测试。推荐的腾讯云相关产品是腾讯云云服务器（CVM），它提供了可靠的虚拟服务器实例，可以用于部署和运行应用程序。你可以在腾讯云云服务器的官方文档中了解更多信息：腾讯云云服务器产品介绍
- Rails 6.0.3：这是一个流行的Ruby开发框架，用于构建Web应用程序。它提供了一套丰富的工具和库，简化了开发过程。推荐的腾讯云相关产品是腾讯云容器服务（TKE），它提供了高度可扩展的容器化应用程序管理平台，可以轻松部署和管理Rails应用程序。你可以在腾讯云容器服务的官方文档中了解更多信息：腾讯云容器服务产品介绍
总结：以上是对错误信息中提到的三个文件的解释和推荐的腾讯云相关产品。希望这些信息能帮助你解决问题。如果你有任何其他问题，请随时提问。
相关·内容
1回答
我试图导入fontawesome.scss，但似乎是以错误的方式进行的。所以我所做的是：
首先，我安装了npm install @fortawesome/fontawesome-free
接下来，我将webpack.config.js配置为file-loader
{
test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
use: [{
loader: 'file-loader',
options: {
name: '[name].[ext]',
浏览 0提问于2018-10-05得票数 0
我的项目运行得很好，每个字体都能成功加载，但当我使用水豚运行测试时，它抛出一个错误，告诉我无法导入字体-awsome。 # --- Caused by: ---
# SassC::SyntaxError:
# Error: File to import not found or unreadable: @fortawesome/fontawesome-free.
# on line 1493:2 of stdin
# >> @import '@fortawesome/fontawesome-f
浏览 18提问于2021-01-02得票数 0
2回答
我试图在一个FontAwesome功能组件中使用ReactJS。React组件正在使用FontAwesome图标，如<i class="fas fa-download"></i>
import React, { useCallback, useState, useRef } from "react";
export default function Daw() {
return (
<>
<div class="btn-group">
&
浏览 11提问于2022-02-28得票数 0
回答已采纳
对于Rails 7的导入映射和，我是新手--您可以将一个JavaScript模块钉入其中，然后导入它：
./bin/importmap pin react react-dom
import React from "react"
import ReactDOM from "react-dom"
这对字型如何起作用？“字体”的文档说你是
npm install --save @fortawesome/fontawesome-free
但是，当谈到使用它时，它说：
<script defer src="/your-path-to-fontawesome/
浏览 10提问于2022-03-10得票数 3
我在我的scss文件中导入了Fontawesome，我是这样做的：
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import '~@fortawesome/fontawesome-free/scss/brands';
我需要将swap方法加载的
浏览 0提问于2019-12-02得票数 4
我正在尝试让fontawesome与Rails6一起工作。
我成功地在Rails6和webpacker上实现了fontawesome free，但是我不能让webpacker在fa-pro上成功编译。我尝试过让webpack使用类似下面的代码进行编译，但没有成功。
我已经通过Yarn安装了以下node_modules
令人生厌
常见的字体类型
免费品牌-svg-icons
pro-light-svg图标
pro-regular-svg-icons
pro-solid-svg-图标
app/javascript/stylesheets/application.scss
@import "
浏览 2提问于2019-09-28得票数 2
4回答
字体5和角5
、、、
我使用的是字体-令人敬畏的npm软件包(这是FontAwese4.7版)，但我想升级到FontAwese5。我安装了以下软件包：
"@fortawesome/angular-fontawesome": "^0.1.1",
"@fortawesome/fontawesome": "^1.1.8",
"@fortawesome/fontawesome-free-brands": "^5.0.13",
"@fortawesome/fontawesome-free-regular":
浏览 0提问于2018-07-05得票数 11
回答已采纳
1回答
从多个来源导入
、、
我正在尝试导入来自不同来源的所有图标作为Icons，类似于：
import * as Icons from {"@fortawesome/fontawesome-free-solid","@fortawesome/fontawesome-free-regular","@fortawesome/fontawesome-free-brands"}
但这不是一个正确的语法。
浏览 0提问于2018-02-13得票数 2
回答已采纳
1回答
我使用和字体很棒的图标。它运行得很好，但是“fa-文件夹”图标是不可见的：
.ts文件：
import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { fas } from '@fortawesome/free-solid-svg-icons'
import { far } from '@fortawesome/free-regular-s
浏览 5提问于2022-07-22得票数 0
这是我的代码片段。
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faQuestionCircle, faExclamationCircle, faCog,} from "@fortawesome/free-solid-svg-icons";
<div className="action-btn">
<FontAwesomeIcon className="icon-block" icon=
浏览 2提问于2022-06-03得票数 0
找不到模块:错误:无法解析'C:\Users\ANNOH\Desktop\React_Portfolio\react-portfolio\node_modules@fortawesome\react-fontawesome‘中的“@fortawesome/fontawesome”
./node_modules/@fortawesome/react-fontawesome/index.es.js 1:0-64中的错误
模块未找到:错误:无法解析'C:\Users\ANNOH\Desktop\React_Portfolio\react-portfolio\node_modules@
浏览 5提问于2022-05-22得票数 1
回答已采纳
4回答
我正在尝试使用角字体加载图标"money-check“；但是获取消息FontAwesome: Could not find icon with iconName=money-check and prefix=fas大多数其他图标都能工作；我发现有几个图标不工作：
货币支票
货币-支票-alt
用户检查
它们没有在下被重新命名。
我的package.json：
"@fortawesome/angular-fontawesome": "0.1.0-10",
"@fortawesome/fontawesome-svg-core
浏览 7提问于2018-06-02得票数 3
回答已采纳
2回答
下面我已经粘贴了我的代码，以便根据文档显示依赖项，以及main.js中的导入。最后，我尝试了许多在我的Footer.vue组件中使用图标的不同方法，但是它们没有出现。当检查浏览器中的元素时，它们显示为<！->，我找不到解决这个问题的方法。
我还试图删除FontAwesomeIcon导入前后的括号，但没有任何结果。有人知道这里会发生什么事吗？
package.json
"@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-brands-svg-icons":
浏览 11提问于2022-01-13得票数 0
我有一个使用FontAwesome图标的角7组件库。
首先，ng version的输出
Package Version
------------------------------------------------------------
@angular-devkit/architect 0.10.7
@angular-devkit/build-angular 0.10.7
@angular-devkit/build-ng-packagr 0.10.7
@angular-devkit/build-opti
浏览 0提问于2018-12-12得票数 6
回答已采纳
我试图导入字体-可怕在我的rails应用程序，它使用顺风css framework.Unfortunately，而不是图标，方框显示在我的应用程序。
采取的步骤如下：
yarn add --dev @fortawesome/fontawesome-free
application.scss
@import "@fortawesome/fontawesome-free";
我尝试了很多方法，但无法显示图标。有人能告诉我怎么解决这个问题吗？
浏览 0提问于2019-09-12得票数 2
回答已采纳
1回答
在我构建在Laravel上的web应用程序中，我使用的是npm/Webpack构建过程，我目前使用的是FontAwesome的SCSS图标表版本，如下所示：
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import '~@fortawesome/fontawesome-free/scss/brands';
这比加载每个FontAwesome图标的默认设置更轻巧，但当
浏览 28提问于2022-04-25得票数 2
回答已采纳
1回答
我在vs代码终端上下载了"npm i@fortawesome/ free fontawesome“的字体图标，然后下载了其他免费的实心和品牌svg图标，如"npm i@fortawesome/free-烙印-svg-图标”；"npm i@fortawesome/free-固体-svg-图标“。然后，当我用这个图标编写代码时，它会显示一个错误(())。
“import”./index.scss‘import { Link，NavLink }从’free路由器-dom‘导入FontAwesomeIcon，从’@fortawesome/free fontawesome‘imp
浏览 4提问于2022-06-13得票数 1
2回答
我正在尝试在Laravel 5.7中包含Font Awesome工具包。
以下是我采取的步骤：
1)运行npm install --save-dev @fortawesome/fontawesome-free
2)检查node_modules/中的文件夹，一切正常。
$fa-font-path: "../webfonts";
// Bootstrap
@import '~bootstrap/scss/bootstrap';
@import '~@fortawesome/fontawesome-free/scss/fontawesome.scss'
浏览 3提问于2018-09-21得票数 17
回答已采纳
1回答
我已经安装了@fortawesome/fontawesome-free软件包使用npm。最新的Laravel应用程序默认使用vite。我解决不了这个问题。任何帮助都将不胜感激。我的vite.config.js是
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import { viteStaticCopy } from 'vite-plugin-static-copy';
export default defineConfig({
浏览 11提问于2022-07-11得票数 1
回答已采纳
1回答
正方形而不是可爱的图标
、、、、
我正试着在我的网页上添加一个来自fontawesome的图标。我想做的是不使用cdns导入它。 我的html代码看起来像这样： <div class="footer__socialmedia__icons">
<i class="fab fa-facebook-f"></i>
</i>
</div> 我的app.scss文件如下所示： // Fonts
// =================================================
@import "../.
浏览 21提问于2020-09-24得票数 0
回答已采纳
1回答
当我使用字符串作为图标参数值时，我无法让Font Awesome图标工作。 这是可行的： import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCoffee } from '@fortawesome/free-solid-svg-icons'
<FontAwesomeIcon icon={faCoffee} /> 但是，这不会： import { FontAwesomeIcon } from '@fortawesome/react-fon
浏览 16提问于2021-01-31得票数 2
回答已采纳
我拥有一个FontAwesome专业许可证，我使用Vue-FontAwesome组件.
当我试图从免费和专业回购导入所有图标时，我会得到一个“重复声明错误.”如果我更改声明名，就找不到它了。
import { library } from '@fortawesome/fontawesome-svg-core'
import { fab } from '@fortawesome/free-brands-svg-icons'
import { fas } from '@fortawesome/pro-solid-svg-icons'
import {
浏览 0提问于2018-07-12得票数 3
我在Vue Js应用程序中使用FontAwese5图标时出错：
误差
找不到一个或多个图标
这是我的package.json依赖关系：
"dependencies": {
"@fortawesome/fontawesome-svg-core": "^1.2.9",
"@fortawesome/free-solid-svg-icons": "^5.6.0",
"@fortawesome/vue-fontawesome": "^0.1.3",
"bootstrap-vue"
浏览 0提问于2018-12-12得票数 1
我正试着在我的Flask/webpack项目中使用Fontawesome。
最疯狂的事情是它在某一点上工作，然后停止，我改变了一些愚蠢的东西，它再次工作，最后它完全停止工作。
我所拥有的：
包配置：
"devDependencies": {
...
"css-loader": "^1.0.0",
"node-sass": "^4.9.3",
"sass-loader": "^7.1.0",
"
浏览 5提问于2018-09-18得票数 47
基线：
角6.0.3
角材料6.4.2
@fortaw人/角形-火锅："^0.1.1“
@fortawesome/fontawesome core“："^1.2.2”
@fortawesome/free-固态-svg-图标“："^5.2.0”
因此，我已经安装了角字体，我试图让<mat-icon>指令工作，但它没有。我不清楚如何注册字体，或者我是否也需要。我正在寻找一个例子，有人在哪里使用新的字体-可怕的角和什么是需要使用的<mat-icon>指令，以获得图标显示。如果我按照角字体-令人敬畏的GitHub页面上的说明操作，这一
浏览 1提问于2018-08-15得票数 3
我使用和fontawesome，遵循如何将fa安装到ng。
在我的.ts中，如下所示：
import { library, dom } from '@fortawesome/fontawesome-svg-core';
import { faInstagram } from '@fortawesome/free-brands-svg-icons/faInstagram';
import { faLink } from '@fortawesome/free-solid-svg-icons/faLink';
public ngOnInit() {
浏览 3提问于2018-10-30得票数 11
2回答
角10中的社会共享按钮
、、、、
我正在实现共享按钮，比如facebook，whatsapp。
这就是我试过的
安装包
npm i cdk
npm -共享
npm i@fortawesome/fontawesome svg-core@fortawesome/角质-fontawesome@fortawesome/free-固体-svg-图标@fortawesome/free-品牌-svg-图标
import { ShareButtonsModule } from 'ngx-sharebuttons/buttons';
import { ShareIconsModule } from '
浏览 16提问于2020-11-16得票数 2
2回答
我试图将fontawesome添加到我的laravel mdbvue环境中。
当我安装mdbvue时
npm install mdbvue
fontawesome将自动添加到package-lock.json中，并存在于@fortawesome的node_modules文件夹中。
现在我想要实现方阵。但是怎么做？
我尝试了一些没有成功的东西：
import '@fortawesome/fontawesome-free/css/all.min.css';
@import '@fortawesome/fontawesome-free/css/all.min.css'
浏览 0提问于2019-09-28得票数 0
4回答
我试图使用材料设计引导(MDB)在我的角度项目。然而，当我使用角引导组件时，标准引导似乎会干扰样式。
从我的角度项目中完全删除引导的最佳方法是什么，这样我的组件就只能由角引导设计？
编辑
angular.json
"styles": [
"node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
"node_modules/@fortawesome/fontawesome-free/scss/solid.scss&
浏览 0提问于2019-05-15得票数 10
回答已采纳
2回答
import { library } from '@fortawesome/fontawesome-svg-core';
import { faCopy, faQuestionCircle, faQrcode, faGithub } from '@fortawesome/free-solid-svg-icons';
import AddressList from './components/AddressList';
library.add(faCopy, faQuestionCircle, faQrcode, faGithub);
我有这段
浏览 1提问于2018-12-07得票数 11
回答已采纳
5回答
字体有趣的文档只展示了如何添加常规/实心字体来作出反应。社交偶像呢？
首先我抓起了包裹：
npm i --save @fortawesome/fontawesome-svg-core \
npm i --save @fortawesome/free-brands-svg-icons \
npm i --save @fortawesome/react-fontawesome
注意:我将npm i --save @fortawesome/free-solid-svg-icons \替换为npm i --save @fortawesome/free-brands-svg-icons \
浏览 1提问于2018-10-07得票数 39
回答已采纳
我刚刚尝试将FontAwesome添加到我的Laravel 8项目中(使用TailwindCSS)。我用
npm install @fortawesome/fontawesome-free
然后将其添加到./resources/css/app.css (使用我的TailwindCSS导入)
@tailwind base;
@tailwind components;
@tailwind utilities;
@import '~@fortawesome/fontawesome-free/css/fontawesome.css';
@import '~@fortaweso
浏览 2提问于2021-01-08得票数 0
回答已采纳
2回答
首先，我已经做了我的搜索之前，张贴这个问题，我发现的答案不适用于我。
我做了答案的步骤，
所以，我有我的mix.js配置
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');
我运行了npm install --save @fortawesome/fontawesome-free并尝试了npm install @fortawesome/fontawesome-free --save-dev
我在pa
浏览 0提问于2019-02-23得票数 2
回答已采纳
4回答
我增加了字型图标库到我的反应项目。根据文档，我正在创建一个库，但是无法添加图标，因为我不知道要导入的图标名。
对于eg网站的图标是“咖啡”。但是为了增加我需要使用的库-
library.add(faCoffee)
然后我就可以把它当作-
我如何找到图标反应名称，即咖啡的faCoffee？
import ReactDOM from 'react-dom'
import { library } from '@fortawesome/fontawesome-svg-core'
import { fab } from '@fortawesome/free-b
浏览 0提问于2019-05-29得票数 4
回答已采纳
3回答
我正在尝试在Vue 3中使用Font Awesome。
我的package.json里就有
"dependencies": {
"@fortawesome/fontawesome-svg-core": "^1.2.34",
"@fortawesome/free-brands-svg-icons": "^5.15.2",
"@fortawesome/free-solid-svg-icons": "^5.15.2",
"@fortawesome/vue-fontawesome&#
浏览 28提问于2021-02-27得票数 15
回答已采纳
就像我把字体导入到我的main.scss中一样
$fa-font-path: '~@fortawesome/fontawesome-free/webfonts';
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/regular';
我使用webpack，一切可能都是正确的，但由于某种原因，图标没有呈现出来。
编辑1:
在我实现我的解决方案图标之后，开始呈现，但只有当我启动webpa
浏览 0提问于2018-10-05得票数 1
我正在尝试使用导入映射引导的下拉函数，并且已经固定了引导程序和popper，但是它不起作用。
我的application.js如下：
import "@hotwired/turbo-rails"
import "controllers"
import "bootstrap"
import "popper"
import "@popperjs/core"
import "@fortawesome/fontawesome-free"
config/importmap.rb map.rb
pin "
浏览 14提问于2022-10-23得票数 0
回答已采纳
我已经使用npm命令npm I -D @fortawesome/fontawesome安装了字体棒极了。
然后，我尝试以两种方式将其导入到我的scss文件中。
@import‘@fortawesome/fontawesome free/css/all’；或@import '@fortawesome/fontawesome-free/scss/fontawesome.scss'；
在这之后，我只能得到空白的方块，而不是我的图标。我在我的scss文件中使用了很棒的字体，比如
.radioStyle input[type=radio] + label:before {
conten
浏览 5提问于2019-07-03得票数 0
2回答
我正在使用字体-可怕的反应项目和使用jest与enzyme进行测试。我能够显示字体令人敬畏的图标，但在执行单元测试时，它会抛出以下错误：
console.error node_modules/@fortawesome/react-fontawesome/index.js:325
Could not find icon { prefix: 'fas', iconName: 'arrow-right' }
console.error node_modules/@fortawesome/react-fontawesome/index.js:325
Co
浏览 1提问于2019-08-29得票数 3
回答已采纳
我试图通过FontAwesome通过yarn安装yarn add @fontawesome/fontawesome-free，然后将它添加到yarn中
$fa-font-path: '~@fortawesome/fontawesome-free-webfonts/webfonts';
@import '~@fortawesome/fontawesome-free-webfonts/scss/fontawesome';
@import '~@fortawesome/fontawesome-free-webfonts/scss/fa-solid';
浏览 0提问于2019-05-05得票数 13
回答已采纳
多../NGRX-Products/node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss ../NGRX-Products/node_modules/@fortawesome/fontawesome-free/scss/brands.scss ../NGRX-Products/node_modules/@fortawesome/fontawesome-free/scss/solid.scss ./src/ .src中的错误
包含在style.scss中的下列文件
@import 'node_modules/
浏览 1提问于2020-05-18得票数 0
我正试着在一个基于React的设计系统中使用Fontawesome的React模块的Free solid图标。我想访问由FontAwesomeIcon组件呈现的字符串形式的Fontawesome图标 例如： <FontAwesomeIcon icon="coffee"/> 或 <FontAwesomeIcon icon={['fas', iconProp]} 如果这种情况发生在React组件中，例如Button组件，这是一个命名导出，我是否应该在设计系统中的每个其他组件中导入图标库(import './fontAwesomeLibra
浏览 26提问于2020-09-01得票数 0
我正在尝试使用字体的品牌图标，我已经在vue应用程序中使用过它，它与使用常规svg图标略有不同，因为品牌库与常规的实心svg图标是分开的。这就是我在vue应用程序中的用法。
// imports in the main.js file
import { library } from '@fortawesome/fontawesome-svg-core';
import { faCoffee } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@for
浏览 0提问于2018-12-02得票数 2
回答已采纳
我的FontAwesome图标无法工作，因为在构建$fa-font-path文件时没有考虑到$fa-font-path变量。
步骤1:我通过npm安装了FontAwesome 5.13
npm install @fortawesome/fontawesome-free --save
步骤2:我编辑了我的/scss/vendors.scss文件，并添加了以下
$fa-font-path: "../node_modules/@fortawesome/fontawesome-free/webfonts";
@import "../node_modules/@fortaweso
浏览 1提问于2020-04-15得票数 0
回答已采纳
2回答
我正在使用欧芹菜的多步骤形式。我的rails版本是6.0.3。我已经按照以下步骤安装了欧芹菜。 yarn add parsleyjs 我的yarn.lock文件： parsleyjs@^2.9.2:
version "2.9.2"
resolved "https://registry.yarnpkg.com/parsleyjs/-/parsleyjs-2.9.2.tgz#67c96961d371821f2623965fa2cc81a4522874cb"
integrity sha512-DKS2XXTjEUZ1BJWUzgXAr+550kFBZro
浏览 25提问于2020-07-17得票数 2
有人能建议我如何将FontAwesome 5 Pro与React集成在一起吗？
我知道有包@fortawesome/free fontawesome，例如@fortawesome/fontawesome正则的，但是有什么方法可以包含图标的pro版本吗？
当我登录到FontAwesome网站，我可以下载亲版本的JS，但我想这是没有用的反应。
浏览 0提问于2018-03-16得票数 10
回答已采纳
我正在尝试测试FontAwesome版本5(免费)图标显示。
我添加了3个包
"@fortawesome/fontawesome": "^1.1.2",
"@fortawesome/fontawesome-free-brands": "^5.0.4",
"@fortawesome/fontawesome-free-regular": "^5.0.4",
"@fortawesome/fontawesome-free-solid": "^5.0.4"
在我的HellowW
浏览 3提问于2018-01-12得票数 0
我正在致力于一个Rails应用程序，我正在使用字体-可怕的免费npm软件包。我在applcation.js包中包含了字体令人敬畏的资产：
require("@rails/ujs").start();
require("@rails/activestorage").start();
require("@fortawesome/fontawesome-free/js/all"); // this line
在开发和生产中，一切都很好。
然后我添加了另一个包splideJS，它在node_modules中包含一个CSS文件。我在application.
浏览 2提问于2020-09-10得票数 1
3回答
我正在构建一个react应用程序：
"react": "^16.0.0",
字体很棒的集成。
"@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-brands-svg-icons": "^5.15.4",
"@fortawesome/free-solid-svg-icons": "^5.15.4",
"@fortawesome/react-fontawesome": &#
浏览 14提问于2021-10-07得票数 1
回答已采纳
每当我尝试将我的Rails 6应用程序推送到Heroku时，我都会收到一条错误消息“预编译资产失败”。我从回溯中注意到，对于“@fortawese.fontawesyfree/js/all”导入，它抱怨"Field 'browser‘不包含有效的别名配置“。
Field 'browser' doesn't contain a valid alias configuration
remote: /tmp/build_7682b1717ca625690f7939609cc5a51d/app/javascript/@f
浏览 0提问于2020-05-22得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
