Javascript 我无法在React/Typescript上将图像导入到我的模块，只需要工作

这在UI级别上可以正常工作：

从“../../assets/murdoch.jpg”导入profileImg

但是我在VSCode上得到了这个错误：

找不到模块'../../assets/murdoch.jpg'.ts（2307）

这在UI和VSCode上都没有问题：

const profileImg=require（'../../assets/murdoch.jpg'）

但是我想导入它，因为测试没有通过

    SyntaxError: Invalid or unexpected token

      3 | import ProfilePicture from './ProfilePicture';
      4 |
    > 5 | const profileImg = require('../../assets/murdoch.jpg');

这是我的
tsconfig.json

{
  "compilerOptions": {
    "sourceMap": true,
    "noImplicitAny": false,
    "module": "commonjs",
    "removeComments": true,
    "baseUrl": "./",
    "allowJs": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "isolatedModules": false,
    "jsx": "react",
    "lib": ["es6", "dom"],
    "moduleResolution": "node",
    "noEmit": true,
    "strict": true,
    "target": "esnext"
  },
  "exclude": ["node_modules", "jest.config.js", "webpack.config.js"]
}

我错过了什么

编辑：

项目树

显示项目树，图像位置是什么<代码>资产
在
src
或
public
中？您好@DennisVash查看我的屏幕截图。显示您的项目树，图像位置是什么<代码>资产

在

src

或

public

中？嗨@DennisVash请看我的屏幕截图。