PhpStorm 无法解析 @ionic/angular答案

【问题标题】：PhpStorm can't resolve @ionic/angularPhpStorm 无法解析 @ionic/angular
【发布时间】：2019-03-01 01:19:54
【问题描述】：

我有一个运行良好的 Ionic v4 项目，但 PhpStorm 找不到我对 @ionic 的引用。

看起来代码实际上在/dist目录中，所以如果我将引用更改为：

import { NavController } from '@ionic/angular/dist'

PhpStorm 没有抱怨，我获得了 @ionic/angular 的代码完成功能。

但是，当运行 ng serve 时，项目将无法编译，并且我在控制台中收到错误：

ERROR in ./src/app/pages/home/home.component.ts
Module not found: Error: Can't resolve '@ionic/angular/dist'

我该如何解决这个问题？

为什么不指定/dist时项目会编译？

编辑：

在 PhpStorm 中，排除了整个 node_modules 目录，但不包括 @ionic/angular。请注意，对其他模块的引用工作正常。

编辑 2：以下是文件夹颜色的显示方式：

【问题讨论】：

你使用什么版本的 PhpStorm？请检查node_modules/@ionic/angular/dist 文件夹是否未标记为排除
@lena 感谢您的回复。我的版本有点旧，2016.2.2。另外，我刚刚发布了我的目录的屏幕截图。整个 node_modules 文件夹被排除在外。这应该是一个问题吗？其他依赖项工作正常。
您的版本确实很旧。整个 node_modules 文件夹被设计排除在外 - 这样做是为了更好的性能。但是 package.json 中列出的直接依赖项仍然应该被索引。请检查项目工具窗口中node_modules/@ionic/angular/dist文件夹使用什么颜色
@lena，我刚刚添加了一个屏幕截图，显示了一些文件夹颜色是如何显示的。我将查看 package.json 文件，看看是否有任何发现。谢谢。
实际上，我建议升级您的 PHPstorm 版本； 2016.2.2 不支持 ionic 4

【解决方案1】：

我想我会分享我最终使用的解决方法。

我刚刚在node_modules/@ionic/angular/目录下添加了一个index.d.ts文件，内容如下：

export * from './dist';

当然，修改依赖项的内容并不理想，但这个简单的修复让我的 IDE 不会让我发疯...... :-)

【讨论】：