我有Vite + React + TypeScript应用程序与 struct
src
constants
a.ts
b.ts
index.ts
components
Comp.tsx
tsconfig与"baseUrl": "src"
a.ts个内容:
export const ARRAY = [1, 2, 3];
b.ts个内容:
export const Object = { foo: 'bar' };
index.ts内容:
export * from './a';
export * from './b';
Comp.tsx内容:
import { ARRAY } from 'constants';
应用程序运行正常，但在WebStorm中出现错误，单位为Comp.tsx:
TS2305: Module "constants" has no exported member ARRAY
为什么？我该怎么补救？
我想摆脱这个错误.
constants本身是 node 类型LIB (Usually reside in this path: 101)的保留字.因此，如果您没有在项目配置中明确定义指向constants目录的正确路径，则可能会发生冲突.
有两种方法可以解决此问题:
解决此问题的最好、最简单的方法是避免在项目中使用constants作为直接目录.您可以将其移动到utils目录(It mostly depends on your project design and architecture)下，也可以将其重命名为其他自定义名称，如consts、localConstants等.
在compilerOptions设置内明确定义项目constants目录的确切路径.在您的例子中，您可以在tsconfig.*中定义它(可以在jsconfig.*中配置基于JS的项目).
根据documentation，你可以这样做:
{
"compilerOptions": {
"paths": {
"constants": ["./src/constants"]
}
}
}