小编Gra*_*bam的帖子

在 NextJS 应用程序中渲染本地 PDF 时遇到问题

我试图在反应组件中显示我的简历(本地文件),但在导入它时遇到了问题。

import myResume from '../assets/pdfs/myResume.pdf'只是给了我错误:

找不到模块“../assets/pdfs/myResume.pdf”或其相应的类型声明.ts(2307)

如果我尝试像这样使用导入:

import myResume from '../assets/pdfs/myResume.pdf'

function Resume() {
  return (
    <div>
      <iframe src={myResume} />
    </div>
  )
}

export default Resume
Run Code Online (Sandbox Code Playgroud)

它给了我一个编译失败的错误:

./assets/pdfs/myResume.pdf 模块解析失败:意外标记 (1:0) 您可能需要适当的加载程序来处理此文件类型,当前没有配置加载程序来处理此文件。请参阅https://webpack.js.org/concepts#loaders (此二进制文件省略了源代码)

我也尝试过使用 React-pdf 包,但结果相同。

javascript pdf reactjs webpack next.js

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

标签 统计

javascript ×1

next.js ×1

pdf ×1

reactjs ×1

webpack ×1