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

我正在尝试加载 pdf 文件

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

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

stack overflow React Nextjs: Module parse failed:You may need an appropriate loader to handle this file type,currently no loaders are configured to process this file
原文答案
author avatar

接受的答案

如果您使用 Webpack4,您似乎需要 raw-loader

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

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

如果您使用 Webpack5,则可以使用新的资产模块:

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

(原始装载机替换)

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

(文件加载器替换)

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

答案:

相关问题