ReactJS-下载pdf文件“失败-无文件”

2024-03-03

我编写了一个 React 组件来使用文件的锚标记下载 pdf 文件。我收到错误Failed- No file.

import React from 'react'

const Links = ()=>
        <div className='github-link'>
             <a href="https://github.com/" rel='noopener noreferrer'  alt="github link"
     target='_blank'><strong>View my GitHub here!</strong></a>
     <a href="../resume/resume.pdf" download><strong>Download my Resume!</strong></a>
        </div>



export default Links

我的简历 pdf 位于我的 src 目录中一个名为resume 的目录中。我要下载的文件名为resume.pdf

谢谢你的帮助!


简单的解决方法是将 pdf 文件放入您的public文件夹并设置href="resume.pdf".

您还可以创建一个名为的文件夹resume在你的public并将 pdf 文件放入您的resume folder.

<a href="/resume/resume.pdf" download><strong>Download my Resume!</strong></a>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ReactJS-下载pdf文件“失败-无文件” 的相关文章

随机推荐

  • 无法在 Google 操作中使用隐式/授权流程来授权用户

    我正在尝试链接到该帐户 这是我的谷歌云功能 var AuthHandler function this googleSignIn googleSignIn this googleSignInCallback googleSignInCall
  • C# - 如何使两个表单相互引用

    我正在用 MS Visual C 编写一个 WindowsForms 应用程序 我需要两个表单才能相互引用 在测试时 我在 Form1 上创建了两个按钮 一个按钮显示 Form2 另一个按钮隐藏它 代码如下 我想对 Form2 做同样的事情
  • 动态变量如何影响性能?

    我对性能有疑问dynamic在 C 中 我读了dynamic让编译器再次运行 但它有什么作用呢 是否必须使用以下命令重新编译整个方法dynamic变量用作参数还是仅那些具有动态行为 上下文的行 我注意到使用dynamic变量可以使简单的 f
  • Git:从一个分支的给定文件中删除所有更改的最佳方法

    我有一个有点混乱的分支 有 20 个左右的提交 我正在准备合并回 master 我已经将其重新设置为脱离 master 仔细观察 我意识到有些文件正在以与该分支完全无关的方式进行修改 并且尚未准备好提交 对这些文件的更改并不局限于特定的提交
  • 使用curl和php自动填写表单

    我正在尝试编写一个自动填写表单然后自动按下提交按钮的脚本 我读过您可以使用curl来发布HTTP请求 但是当表单使用JavaScript处理post请求时 您会做什么 就像下面的代码一样
  • 使 DIV 覆盖 100% 的视口而不是 100% 的主体

    我的帖子是关于http www thepostboard net http www thepostboard net 我需要让当前覆盖 100 视口的黑框覆盖整个页面 只有当您的屏幕需要滚动条才能查看网站时 您才会注意到这一点 否则它看起来
  • 您能否将具有更严格内存排序的原子加载存储拆分为单独的宽松加载存储以及内存屏障指令?

    下面是用于跨线程数据同步的获取 释放语义的简单示例 thread 1 thread 2 data 100 flag store true std memory order release while flag load std memory
  • 查找调用可执行文件时命令行使用的路径

    我遇到以下问题 我想跑步ecd exe从命令行 我已将其完整路径添加到 路径 环境变量中 打电话时ecd exe从命令行 我得到以下输出 Error ecd exe should be located under the Eclipse h
  • 在Python中模拟“局部静态”变量

    考虑以下代码 def CalcSomething a if CalcSomething cache has key a return CalcSomething cache a CalcSomething cache a ReallyCal
  • 来自实体框架的 WCF 合同?

    我在这个问题上遇到了很多死胡同 据称 NET 3 5 SP1 支持 WCF 合约中的 ADO NET 实体框架实体 但当我寻找有关它的可靠信息时 我没有得到很多答案 我在 MSDN 线程上找到了这个片段 有人对这个有经验么 DataCont
  • MVC 中的 IoC Castle Windsor 路由问题

    我已经在我的 mvc 应用程序中设置了温莎城堡 一切都很好 除了它还捕获链接或图像类型的路由 问题是 在退出控制器并生成视图之前 GetControllerInstance 是以 null 类型执行的 只要页面上有如下链接 就会发生这种情况
  • Spark 的 StreamingLinearRegressionWithSGD 是如何工作的?

    我正在研究StreamingLinearRegressionWithSGD https spark apache org docs 1 6 3 api java org apache spark mllib regression Strea
  • 获取 Android 设备的方向

    您可能会认为会有一个直接的解决方案 Android 文档指出 Android 2 2 API 级别 8 中已弃用方向传感器 我们建议不要使用来自方向传感器的原始数据 您将 getRotationMatrix 方法与 getOrientati
  • 从 Angular 2 组件中的 CDN 加载 css

    正如标题所说 我想在 Angular 2 组件中包含外部 css 我现在是这样做的 import Component OnInit from angular core Component selector app auth template
  • 将绘图保存在对象中

    In ggplot2 可以轻松地将图形保存到 R 对象中 p ggplot geom point does not display the graph p displays the graph 标准功能plot将图形生成为 void 函数并
  • Web API 在几次成功请求后突然返回 403 禁止

    我一直致力于与 ASP NET Web API 结合使用的离子应用程序 我正在使用该 API 进行所有数据传输 我遇到了一个问题 在几次成功的请求之后 API突然返回403禁止 看起来 API 有一个限制或者其他什么 因为当我在很短的时间内
  • Python + Sqlite 的字符串相似度(Levenshtein 距离/编辑距离)

    Python Sqlite 中是否有可用的字符串相似性度量 例如使用sqlite3模块 用例示例 import sqlite3 conn sqlite3 connect memory c conn cursor c execute CREA
  • 占位符在 select2 中不起作用

    我在工作Select2选择框 Problem 占位符未显示在select2 它始终显示在中选择的第一个选项select2 它会自动选择我想显示占位符而不是它的第一个选项 My Code Script
  • Zend URL 参数 - 隐藏键和显示值

    使用 Zend 的默认路由 URL 如下所示 www domain com controller action key1 value1 key2 value2 key3 value3 每个键和值都作为一对存储在返回的数组中getParams
  • ReactJS-下载pdf文件“失败-无文件”

    我编写了一个 React 组件来使用文件的锚标记下载 pdf 文件 我收到错误Failed No file import React from react const Links gt div a href https github com