Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/spring-mvc/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js 如何发布可以在WebStorm中自动导入的npm模块?_Node.js_Angular_Npm_Webstorm - Fatal编程技术网

Node.js 如何发布可以在WebStorm中自动导入的npm模块?

Node.js 如何发布可以在WebStorm中自动导入的npm模块?,node.js,angular,npm,webstorm,Node.js,Angular,Npm,Webstorm,我尝试发布一个简单的模块,如下所示: export {ShareModule} from './share/share.module'; |--[src] | |--[share] | | |--share.moduel.ts | |--index.ts | |--index.d.ts | | |--package.json |--index.ts |--index.d.ts 文件列表为:

我尝试发布一个简单的模块,如下所示:

export {ShareModule} from './share/share.module';
|--[src] | |--[share] | | |--share.moduel.ts | |--index.ts | |--index.d.ts | | |--package.json |--index.ts |--index.d.ts 文件列表为:

|--[src]
|    |--[share]
|          |--share.moduel.ts
|          |--index.ts
|
|
|--package.json
|--index.ts
package.json

{
  "name": "my-common",
  "version": "1.0.0",
  "description": "",
  "main": "index.ts",
  "typings": "index.ts",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}
索引

export { ShareModule } from './src/share/index';
src/share.module.ts

import {NgModule} from "@angular/core";
import {CommonModule} from "@angular/common";
import {FormsModule} from "@angular/forms";

@NgModule({
  imports: [
    CommonModule,
    FormsModule
  ],
  declarations: [],
  exports: [CommonModule,FormsModule]
})
export class ShareModule { }
src/index.ts

export { ShareModule } from './share.module';
在我发布npm模块后,然后
npm安装我的common
,我尝试在代码“ShareModule”上按Alt+Enter以自动组织导入语句,但它没有显示选项卡“addimport statement”,该选项卡与Angular2 HttpModulem、FormModule等类似


那么,我怎样才能像其他Angular2的官方模块一样,在WebStorm中按Alt+Enter键自动导入自己的模块呢?是否有一些关键点我错过了?

最后,我找到了如何让它发挥作用

第一步 在
**/src/**
文件夹中创建两个文件,如下所示:

export {ShareModule} from './share/share.module';
|--[src] | |--[share] | | |--share.moduel.ts | |--index.ts | |--index.d.ts | | |--package.json |--index.ts |--index.d.ts 索引d.ts 索引

步骤2 编辑你的索引 显示导出要在WebStrom中使用Alt+Enter导入的类

比如说

export declare class ShareModule {
}
步骤3 编辑您的index.ts,如下所示:

export {ShareModule} from './share/share.module';
|--[src] | |--[share] | | |--share.moduel.ts | |--index.ts | |--index.d.ts | | |--package.json |--index.ts |--index.d.ts 步骤4 在/文件夹中创建两个文件,如下所示

index.ts:

export * from './src/index';
索引d.ts:

export * from './src/index'
最后,文件应如下所示:

export {ShareModule} from './share/share.module';
|--[src] | |--[share] | | |--share.moduel.ts | |--index.ts | |--index.d.ts | | |--package.json |--index.ts |--index.d.ts |--[src] ||--[分享] || |--share.moduel.ts ||--index.ts ||--index.d.ts | | |--package.json |--索引 |--索引d.ts
现在你可以通过Alt+Enter导入你的类了。最后,我找到了如何使它工作的方法

第一步 在
**/src/**
文件夹中创建两个文件,如下所示:

export {ShareModule} from './share/share.module';
|--[src] | |--[share] | | |--share.moduel.ts | |--index.ts | |--index.d.ts | | |--package.json |--index.ts |--index.d.ts 索引d.ts 索引

步骤2 编辑你的索引 显示导出要在WebStrom中使用Alt+Enter导入的类

比如说

export declare class ShareModule {
}
步骤3 编辑您的index.ts,如下所示:

export {ShareModule} from './share/share.module';
|--[src] | |--[share] | | |--share.moduel.ts | |--index.ts | |--index.d.ts | | |--package.json |--index.ts |--index.d.ts 步骤4 在/文件夹中创建两个文件,如下所示

index.ts:

export * from './src/index';
索引d.ts:

export * from './src/index'
最后,文件应如下所示:

export {ShareModule} from './share/share.module';
|--[src] | |--[share] | | |--share.moduel.ts | |--index.ts | |--index.d.ts | | |--package.json |--index.ts |--index.d.ts |--[src] ||--[分享] || |--share.moduel.ts ||--index.ts ||--index.d.ts | | |--package.json |--索引 |--索引d.ts 现在可以通过Alt+Enter键导入类