reactjs - 无法在 react、next.js、typescript 设置中从 /public 目录加载图像

Question

在公共目录中使用我的图像，我得到 404 not found

<img src="/signature.png" />

我已经坚持了几个小时，不知道出了什么问题。有人知道什么是关闭的吗？下面的代码

我的 .babelrc 是

{
  "presets": ["next/babel"],
  "plugins": []
}

包.json

  "dependencies": {
    "@zeit/next-typescript": "^1.1.1",
    "next": "^10.0.3",
    "next-ga": "^2.3.4",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "styled-components": "^5.2.1",
    "tslint": "^6.1.3"
  },
  "devDependencies": {
    "@types/node": "^14.14.14",
    "@types/react": "^17.0.0",
    "typescript": "^4.1.3"
  }

tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": false,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve"
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
  "exclude": ["node_modules", "/src/public/*"]
}

next.config.js

module.exports = {};

Answer 1

好的 - 太久后解决了：facepalm：/public 需要在根目录中（与 node_modules 相同级别）而不是在 /src - 希望这对其他人有帮助！