typescript TS 2307错误:找不到模块“../constants”或其对应的类型声明

q3aa0525  于 2023-04-07  发布在  TypeScript
关注(0)|答案(2)|浏览(761)

我目前得到的错误,而试图导入。任何帮助或建议将不胜感激。

tabs.tsx|src〉navigation〉tabs.tsx

import React from 'react'
import { StyleSheet, View, Image, Text } from 'react-native'
import {createBottomTabNavigator, BottomTabBar} from "@react-navigation/bottom-tabs"
import {icons} from '../constants'

const Tab = createBottomTabNavigator()

结构

tsconfig.json

{
  "compilerOptions": {
    "target": "esnext",                       /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
    "module": "commonjs",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
    "lib": ["es2017"],                        /* Specify library files to be included in the compilation. */
    "allowJs": true,                          /* Allow javascript files to be compiled. */
    "jsx": "react-native",                    /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
    "noEmit": true,                           /* Do not emit outputs. */
    "isolatedModules": true,                  /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */

    "strict": true,                           /* Enable all strict type-checking options. */
  
    "moduleResolution": "node",               /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
    "allowSyntheticDefaultImports": true,     /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
    "esModuleInterop": true,                  /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
    "skipLibCheck": false,                    /* Skip type checking of declaration files. */
    "resolveJsonModule": true                 /* Allows importing modules with a ‘.json’ extension, which is a common practice in node projects. */

  },
  "exclude": [
    "node_modules", "babel.config.js", "metro.config.js", "jest.config.js"
  ]
}
icomxhvb

icomxhvb1#

这个错误告诉您从import当前指向的位置没有任何东西。
import-ing从一个文件夹实际上是在该文件夹中查找一个index.[d.](t|j)s文件。如果该文件存在并且它有一个默认导出,您可以在导入时在本地范围内为导出分配一个名称:

import stuff from '../constants'

如果它包含命名导出,则可以使用方括号导入它们:

import { myExport } from '../constants' //or 
import { myExport as localName } from '../constants'

注意:上面的代码暗示了你的index.ts包含类似于:

export const myExport = (/* some expression */)
// you can export types, consts, functions, classes, interfaces, etc...

如果要从该文件导入所有命名导出,请使用*

import * from '../constants' // myExport is now usable
// or namespaced:
import * as local from '../constants' // (and use as local.myExport)

更多示例here
这里是spec
如果您将一个名为icons.ts的文件(具有默认导出)放置在/constants文件夹中,则您的导入应该如下所示:

import icons from '../constants/icons'
// or, for a named export
import { icons } from '../constants/icons'
jvlzgdj9

jvlzgdj92#

在文件夹常量中创建index.ts并添加下一个常量,例如:

export * from './icons';
...
export * from './common';

在下面定义的图标模块中:

export const icons = [{...},{...}]; // or another entity for example {}

即pattern -barrel,在其他模块中只需导入必要的常量:

import { icons } from '../constants';

相关问题