Typescript在我在本地创建的node_modules中找不到模块

时间:2018-08-22 17:02:32

标签: javascript typescript node-modules

我正在自学更多有关如何创建节点模块以及如何使用打字稿的知识。为此,我尝试在本地创建自己的节点模块,并在项目中引用它-但是,打字稿似乎无法识别我的模块。

我创建的节点模块是一个用于执行矩阵/矢量运算的简单库,因为我会在做这些事情。我已经在项目的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"
  }
}

1 个答案:

答案 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目录!