模块映射中不存在模块

Question

我的react本机项目是使用具有以下结构的typescript编写的：

|--Src
|   |--App.tsx
|   |--Models
|       |--User.ts
|--index.ios.js
|--index.android.js

App.tsx 就像：

import React from 'react'
import {Text} from 'react-native'
import * as M from 'models'

interface Props {}
interface State {}

export default class App extends React.Component<Props, State> {

    render()
    {

        let user = new M.User();

        return(
            <Text> Test </Text>
        )
    }
}

和 User.ts 是

declare module "models" {

    class User {

        name : string;
    }
}

这是 tsconfig.json 文件：

{
  "compilerOptions": {
    "target": "es2015",
    "module": "es2015",
    "jsx": "react-native",
    "moduleResolution": "node",
    "allowSyntheticDefaultImports": true,
    "baseUrl": "."
  }
}

问题是当运行项目时遇到这个错误：

  

该模块不存在于模块图

中

似乎找不到模块模型。我该如何解决？

以下是错误的屏幕截图：