javascript - 使用 Ionic 和 Webpack 导入 ngstorage 时无法解析模块 'angular'

Question

我正在使用 Ionic 与 Webpack 和 Typescript 实现一个应用程序。我通过 npm 安装“ngstorage”并尝试导入入口 ts 文件，但 Webpack 显示错误 -“无法解析模块‘angular’”。

我搜索了这个错误并意识到我需要在 package.json 文件和 node_modules 中包含 Angular 。但是，ionic-sdk 模块已经包含了 angular。所以它在浏览器中显示了一个 Not Acceptable 错误，我试图不止一次加载 Angular 。

Webpack 是否有办法跳过模块解析器或指向 angular 模块到 ionic-sdk 模块的路径？还是有任何其他建议的导入方式？

谢谢。

Answer 1

我对 ionic 一点都不熟悉，但我希望我能帮到你。首先，在你使用 angular 的文件中。在文件顶部，您需要导入 Angular :

import angular from 'angular';

然后我得到了两个可能对你有帮助的建议:

1. 将 Angular 添加为外部库

如果您确定 Angular 在您使用 webpack 创建的包之前被加载，您可以在您的 webpack 配置中添加 angular 作为外部库:

externals: [
  'angular'
]

1. “教”webpack 在哪里寻找 Angular

感谢 resolve.alias，你可以覆盖 webpack 中的默认导入。因此，在您的配置文件中，您可以执行以下操作:

resolve: {
  alias: {
    angular: 'path/to/sdk/angular'
  }
}

正如我所说，我不熟悉 ionic，所以如果这不是您要找的，我很抱歉:)。