javascript - TS2307 错误:找不到模块 '../constants' 或其对应的类型声明
问题描述
我目前在尝试导入时遇到错误。任何帮助或建议将不胜感激。
标签.tsx | src>导航>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"
]
}
解决方案
该错误告诉您import
从当前指向的位置没有任何内容。
import
- 从文件夹中查找实际上是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)
如果您在文件夹中放置了一个名为 且icons.ts
具有默认导出的/constants
文件,则您的导入应如下所示:
import icons from '../constants/icons'
// or, for a named export
import { icons } from '../constants/icons'
推荐阅读
- sql-server - 在 TSQL 中将 Pivot 函数与 Sum 函数结合使用
- java - 第二种方法的 Java Scanner
- tabulator - 如何在初始设置之外设置 Tabulator groupValues
- xamarin - 创建模板类并添加事件时是否需要删除它?
- data-visualization - 数据可视化图表
- debugging - LLDB 失去了自动完成文件名的能力
- cygwin - 通过远程 Windows 主机上的脚本配置 cygwin sshd-host-config
- python-3.x - 无法导入相关模块
- c# - EF Core 脚手架-dbcontext 自定义命名空间
- apache-flink - FLINK - 将 SQL 窗口定期刷新元素以进行处理