首页 > 解决方案 > 包含多个条目的 npm 包,WebStorm 的代码检测器无法正确读取

问题描述

这个包是用 Vite2 编写和构建的。

package.json中,该exports字段如下:

"exports": {
  ".": {
    "import": "./lib/package/dist/package.es.js",
    "require": "./lib/package/dist/package.umd.js"
  },
  "./vue": {
    "import": "./lib/package-vue/dist/package-vue.es.js",
    "require": "./lib/package-vue/dist/package-vue.umd.js"
  }
},

我想要的是提供如下所示的导入。

导入默认包:

// node_modules/@author/package/lib/package/dist/package.es.js
import { /**/ } from '@authror/package'; 

导入 vue 支持的包:

// node_modules/@author/package/lib/package-vue/dist/package.es.js
import { /**/ } from  '@authror/package/vue';

现在,在使用该包的实际项目中,它可以工作。

问题是导入的代码行,@author/package或者@authror/package/vue那些代码无法通过WebStorm的代码检测器。

WebStorm 总是警告我Module is not installed。而且它也没有为我提供任何关于包属性的类型定义。

我应该怎么做才能把事情做好?

标签: javascriptnpmpackagepackage.json

解决方案


推荐阅读