我正在构建一个React + TypeScript应用程序,在其中创建了一个模块,其中包含在整个项目类中使用的接口。我的IDE可以很好地解析这些接口,但是webpack始终会发送以下错误。我尝试了不同的方法,但无法使其消失。
非常感谢任何帮助。
我这样导入创建的接口:
非常感谢任何帮助。
ERROR in ./assets/src/Pages/Login.tsx Module not found: Error: Can't resolve 'seeyouftp' in 'var/www/app/assets/src/Pages'
@ ./assets/src/Pages/Login.tsx 43:18-38
@ ./assets/src/Config/App.tsx
@ ./assets/entries/bundle.js
这是我的定义文件
|— definitions
|— types.d.ts
|— entries
|— fonts
|— less
|— src
我的定义文件摘要
declare module 'seeyouftp' {
interface User {
admin: boolean;
roles: string[];
username: string;
}
enum AuthStates {
success = 'success',
error = 'error'
}
tsconfig.json
{
"compilerOptions": {
"allowJs": true,
"allowUnreachableCode": false,
"baseUrl": "./assets",
"esModuleInterop": true,
"forceConsistentCasingInFileNames": true,
"jsx": "react",
"lib": [
"dom",
"es2019",
"esnext"
],
"module": "commonjs",
"moduleResolution": "node",
"noImplicitAny": true,
"noImplicitReturns": true,
"outDir": "./dist/",
"resolveJsonModule": true,
"skipDefaultLibCheck": true,
"sourceMap": true,
"strictPropertyInitialization": false,
"strictNullChecks": true,
"target": "es5",
"typeRoots": [
"./assets/definitions/types.d.ts",
"./node_modules/@types"
],
"types": [
"node"
]
},
"include": [
"./assets/src/**/*",
"./assets/definitions/**/*"
],
"exclude": [
"node_modules"
]
}
我这样导入创建的接口:
import { Item, PlayableMedia } from 'seeyouftp';
其中涉及到的是IT技术相关内容。
seeyouftp
的代码处添加代码。 - Tony Nguyenseeyouftp
是 npm 包还是你的文件?如果是你的文件,它在哪里? - Tony Nguyenseeyouftp
is not an npm package. It's only the name of the module contained in mytypes.d.ts
file. It's declared like so:declare module 'seeyouftp'
- titiyoyo