我正在自学更多有关如何创建节点模块以及如何使用打字稿的知识。为此,我尝试在本地创建自己的节点模块,并在项目中引用它-但是,打字稿似乎无法识别我的模块。
我创建的节点模块是一个用于执行矩阵/矢量运算的简单库,因为我会在做这些事情。我已经在项目的node_modules目录中创建了一个文件夹,其中包含以下文件:
node_modules
XVectorMath
package.json
vectorMath.js
vectorMath.d.ts
这是编译这些文件的单独打字稿项目的输出。这些是相关文件的内容:
XVectorMath / package.json
{
"name": "XVectorMath",
"version": "0.1.0",
"main": "vectorMath.js",
"types": "vectorMath.d.ts"
}
XVectorMath / vectorMath.d.ts
export declare class Vector3 {
constructor(x?: number, y?: number, z?: number);
x: number;
y: number;
z: number;
angle(): number;
magnitude(): number;
addVector3(b: Vector3): Vector3;
subtractVector(b: Vector3): Vector3;
divide(a: number): Vector3;
scale(a: number): Vector3;
normalize(): Vector3;
dotProduct(b: Vector3): number;
}
export declare class Matrix3 {
constructor(m?: any);
value: number[][];
getRowVector(n: number): Vector3;
getColumnVector(n: number): Vector3;
multiplyMatrix3(m: Matrix3): Matrix3;
addMatrix3(m: Matrix3): Matrix3;
}
我没有包含vectorMath.js的内容,因为它有点冗长,而且似乎无关紧要。
在我项目的其他地方,我有一个main.ts文件,带有以下导入语句:
src / main.ts
import {Vector3} from 'XVectorMath'
在这里,我得到一个打字稿错误:“找不到模块'XVectorMath'”。
这是我的项目的tsconfig.json:
tsconfig.json
{
"compilerOptions":{
"module": "commonjs",
"outDir": "dist",
"sourceMap": true
},
"include": [
"src/**/*.ts"
]
}
根据我所知道的,我认为这足以使Typescript识别我的模块的名称(由主配置条目提供)并利用vectorMath.d.ts中提供的类型(由config类型提供)条目)。
我是否配置了任何错误,或者错过了任何步骤?还是我完全误会了什么?
编辑 我已经包含了运行tsc --traceResolution的结果:
c:\Develop\NodeScripts\Typescript Project Test>tsc --traceResolution
======== Resolving module 'XVectorMath' from 'c:/Develop/NodeScripts/Typescript
Project Test/src/main.ts'. ========
Module resolution kind is not specified, using 'NodeJs'.
Loading module 'XVectorMath' from 'node_modules' folder, target file type 'TypeS
cript'.
Directory 'c:/Develop/NodeScripts/Typescript Project Test/src/node_modules' does
not exist, skipping all lookups in it.
'package.json' does not have a 'typings' field.
'package.json' has 'types' field 'vectorMath.d.ts' that references 'c:/Develop/N
odeScripts/Typescript Project Test/node_modules/XVectorMath/vectorMath.d.ts'.
Found 'package.json' at 'c:/Develop/NodeScripts/Typescript Project Test/node_mod
ules/XVectorMath/package.json'. Package ID is 'XVectorMath/vectorMath.d.ts@0.1.0
'.
File 'c:/Develop/NodeScripts/Typescript Project Test/node_modules/XVectorMath.ts
' does not exist.
File 'c:/Develop/NodeScripts/Typescript Project Test/node_modules/XVectorMath.ts
x' does not exist.
File 'c:/Develop/NodeScripts/Typescript Project Test/node_modules/XVectorMath.d.
ts' does not exist.
'package.json' does not have a 'typings' field.
'package.json' has 'types' field 'vectorMath.d.ts' that references 'c:/Develop/N
odeScripts/Typescript Project Test/node_modules/XVectorMath/vectorMath.d.ts'.
File 'c:/Develop/NodeScripts/Typescript Project Test/node_modules/XVectorMath/ve
ctorMath.d.ts' exist - use it as a name resolution result.
Resolving real path for 'c:/Develop/NodeScripts/Typescript Project Test/node_mod
ules/XVectorMath/vectorMath.d.ts', result 'c:/Develop/Libraries/Javascript/@type
s-XVectorMath/dist/vectorMath.d.ts'.
======== Module name 'XVectorMath' was successfully resolved to 'c:/Develop/Libr
aries/Javascript/@types-XVectorMath/dist/vectorMath.d.ts'. ========
我不是100%肯定这是在说-但是我认为这意味着它找到了我的数学库项目的原始位置,在该位置找到了.d.ts文件,并使用该文件来解析模块名称。
这似乎不太正确-我将库输出文件安装到node-modules(使用npm install完成)的原因是将模块放在THIS项目的node_modules文件夹中。
编辑2
要添加更多信息,我在下面包括了项目的main.ts文件以显示导入以及package.json:
main.ts
import {Vector3} from 'XVectorMath' // Cannot find module error
var test: string = "Main test";
let vec:Vector3 = new Vector3();
vec.x = 5; // No intellisense in VS Code, 'x' property considered an 'any' type
// instead of the number that it should be
package.json
{
"name": "Test",
"version": "0.1.0",
"dependencies": {
"XVectorMath": "file:../../Libraries/Javascript/@types-XVectorMath/dist"
}
}
答案 0 :(得分:1)
我也遇到了这个问题,因此对于将来的流浪者,如果您的新NodeJS TypeScript应用程序存根无法识别和声(ES6)导入,只需将“ compilerOptions.moduleResolution”:“ node”添加到您的项目tsconfig.json:
这是我的设置表格TensorFlow.js:
{
"compilerOptions": {
"skipLibCheck": true,
"target": "ES2018",
"module": "es2015",
"outDir": "./dist",
"rootDir": "./src",
"strict": true,
"noImplicitAny": true,
"alwaysStrict": true
"moduleResolution": "node"
}
}
manual之后的引用:
有两种可能的模块解析策略:Node和Classic。您可以使用--moduleResolution标志来指定模块解析策略。如果未指定,则默认值为--module AMD | Classic。系统| ES2015或Node。
TL; DR; “经典”策略不会搜索node_modules目录!