React Nextjs：模块解析失败：您可能需要适当的加载器来处理此文件类型，当前没有配置加载器来处理此文件

我正在尝试加载 pdf 文件

import placeholder from "../assets/pdf/placeholder.pdf"

每次服务器重新加载时我都会收到此错误： * 错误 - ./assets/pdf/placeholder.pdf 模块解析失败：意外的标记 (1:0) 您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。看https://webpack.js.org/concepts#loaders https://webpack.js.org/concepts#loaders（此二进制文件省略源代码）*

如果您正在使用Webpack4，看来您想要raw-loader

https://v4.webpack.js.org/loaders/raw-loader/ https://v4.webpack.js.org/loaders/raw-loader/

{
  test: /\.pdf$/i,
  use: 'raw-loader',
}

如果您正在使用Webpack5，新的资产模块可用：

https://webpack.js.org/guides/asset-modules/ https://webpack.js.org/guides/asset-modules/

（原始装载机更换）

{
  test: /\.pdf$/i
  type: 'asset/source'
}

（文件加载器替换）

{
  test: /\.pdf$/i
  type: 'asset/resource',
  generator: {
    filename: `[name][ext]`
  }
}