如何将 npm 包导入到名称中带有连字符/破折号的流星答案

【问题标题】：How to import npm package to meteor with hyphen/dash in the name如何将 npm 包导入到名称中带有连字符/破折号的流星
【发布时间】：2019-06-08 20:31:10
【问题描述】：

我安装了 bootstrap-colorpicker npm 包，我正在尝试导入我的流星应用程序。

我确实阅读了“使用 npm 包”，并尝试使用他们的示例：“import moment from 'moment';”。但问题是名称中间有一个连字符/破折号，它会引发错误。我应该在哪里查看包以了解如何导入 npm 包？

这就是我所做的：

import bootstrap-colorpicker from 'bootstrap-colorpicker';

Template.Test.onRendered(function() {
$('#m-color-picker').colorpicker();
});

我希望 #m-color-picker 变成颜色选择器，但它给了我连字符/破折号的错误。

【问题讨论】：

【解决方案1】：

您可以在代码中为模块使用任何您喜欢的名称，例如

import bootstrapColorpicker from 'bootstrap-colorpicker';

或

import colorpicker from 'bootstrap-colorpicker';

就这么简单

关于你问题的第二部分：

通常 README 文件的“入门”部分应该告诉您如何导入模块，尽管一些较旧的包只提到如何需要一个包，我想这就是您的来源。

通常默认导出将是您需要的，例如，参考 momentjs 网站：

var moment = require('moment');

你通常可以这样假设：

import moment from 'moment';

基本上这是从模块中获取顶级对象。

【讨论】：

好吧，我现在很尴尬。但是我的问题的第二部分“我应该在哪里查看包以了解如何导入 npm 包”。现在当我console.log(colorpicker) 时，它似乎没有导入它，甚至我的('#m-color-picker').colorpicker() 也给我这个错误：TypeError: $(...).colorpicker is not a function跨度>

【解决方案2】：

您的特定包似乎没有导出任何内容，只是有一些副作用（也许它会将自己的猴子修补到 jQuery 中？），因此您甚至可以删除导入的第一部分并说：

import 'bootstrap-colorpicker';

【讨论】：