小编nad*_*tar的帖子

Font-Awesome 图标未显示在我的 ReactJS 网站中

我正在尝试在我正在处理的 React 项目中使用我网站标题旁边的字体,但它没有显示。

我已经font-awesome通过 yarn导入了包并将其 css 导入到我的 index.js 文件中,但它没有显示在我的标题中。

索引.js:

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import "../node_modules/bootstrap/dist/css/bootstrap.min.css";
import "../node_modules/font-awesome/css/font-awesome.min.css";

ReactDOM.render(<App />, document.getElementById("root"));

Run Code Online (Sandbox Code Playgroud)

标题组件:

import React, { Component } from "react";

export default class Header extends Component {
  render() {
    return (
      <div>
        <div className="col-md-6 m-auto">
          <h1 className="text-center mb-3">
            <i className="fas fa-book-open"> </i>
            English Dictionary
          </h1>
        </div>
      </div>
    );
  }
}

Run Code Online (Sandbox Code Playgroud)

仅显示标题的文本。我检查了浏览器是否有任何错误,但没有显示任何错误,当我检查页面时,我也看到了该元素。

<i className="fas fa-book-open"> </i>
Run Code Online (Sandbox Code Playgroud)

希望大家帮帮我,谢谢!

html javascript font-awesome reactjs

5
推荐指数
1
解决办法
4268
查看次数

axios “url”参数必须是字符串类型。收到类型未定义错误

我正在开发一个电子应用程序,该应用程序试图从 unsplash API 下载照片并将其设置为墙纸。当我调用 API 时,我得到 200 OK 状态并获取下载 URL,但是当我尝试使用 axios 流方法下载照片时,我收到以下错误:

UnhandledPromiseRejectionWarning:TypeError [ERR_INVALID_ARG_TYPE]:“url”参数必须是字符串类型。接收类型未定义

这是功能代码:

ipcMain.on("getRandomWallpaper", async event => {
  const randomApi = `${apiGateway}/?client_id=${unsplashKey}`;
  const request = await axios({
    method: "get",
    url: randomApi
  });
  if (request.status === 200) {
    const downloadUrl = request.data.links.download;
    const imagePath = "./images";
    const download_image = async (downloadUrl, imagePath) => {
      await axios({
        downloadUrl,
        responseType: "stream"
      }).then(
        response =>
          new Promise((resolve, reject) => {
            response.data
              .pipe(fs.createWriteStream(imagePath))
              .on("finish", () => resolve())
              .on("error", e => reject(e));
          })
      ); …
Run Code Online (Sandbox Code Playgroud)

javascript node.js electron axios

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

javascript ×2

axios ×1

electron ×1

font-awesome ×1

html ×1

node.js ×1

reactjs ×1