reactjs - 为什么我必须在 React 中使用 "require"而不是 "import from"作为图像？

Question

我看到了 this answer建议导入图像的语法如下所示(注释掉)。就我而言，它没有成功(提示在该文件中找不到模块)，我不得不切换到当前事件的语法。

// import Author from "../assets/author.png";
var Author = require("../assets/author.png");

我能想象到的区别是我正在使用 TypeScript(通过 awesome-typescript-loader 转译我的 TSX 并加载我的 PNG file-loader)并且它们看起来使用 JSX。但就我的理解而言，它最终都会转换为纯 JS 和 require。

作为 React 的菜鸟，我不确定造成这种差异的原因是什么而且我也不确定自己要用谷歌搜索什么来进行调查。

Answer 1

与 webpack 本身相比，Typescript 的问题更大，您可能需要在声明文件中声明模块。

创建一个declarations.d.ts

更新你的 tsconfig.json

"include": [
    "./declarations.d.ts",
],

把这个放在那个文件上:

declare module '*.png';

错误可能消失了。