尝试实现 Angular2 模块 text-mask-addon答案

【问题标题】：Trying to implement Angular2 module text-mask-addon尝试实现 Angular2 模块 text-mask-addon
【发布时间】：2016-12-29 09:15:21
【问题描述】：

我目前正在尝试在我的 Angular 应用程序中实现 text-mask-addons https://github.com/text-mask/text-mask/tree/master/addons

我尝试遵循 npm 链接建议，但导入时遇到问题

import emailMask from 'text-mask-addons/dist/emailMask.js'

emailMask 显示为红色。

如有任何帮助，将不胜感激

【问题讨论】：

你能把你的目录结构，以及这一行写在哪个文件中
@AbdulRahmanAlHamali 我只是在以下链接npmjs.com/package/text-mask-addons 中使用了 npm install 命令，因此结构在 node_modules/text-mask-addons\dist 中

【解决方案1】：

在您的 systemjs.config.js 文件中，将包添加到您的地图变量中，如下所示：

var map = {
    ....
    ...
    ..
    .
    'text-mask-addons': 'node_modules/text-mask-addons' // Add this line
  };

现在，你可以写：

import emailMask from 'text-mask-addons/dist/emailMask.js'

或者，您可以像 Sebastian 指出的那样提供包的完整路径。

【讨论】：

【解决方案2】：

猜你想用相对路径导入，而不是绝对路径？在这种情况下，前缀为 ./。

旁注：您的路径看起来不对，因为它包括您的项目/根文件夹和您的dist 文件夹。应该没有必要。

【讨论】：