如何将分叉库导入Angular2

Question

到目前为止，我一直没有找到答案，但没有发现任何内容，所以如果我的问题经常被问到，那么请原谅我，但我太傻了，不能正确地进行谷歌搜索。

我已尝试使用JS拖放库Draggable，但我需要更改一些内容才能正确使用它。

所以我已经分叉并下载了它，但现在我在导入时遇到了麻烦。

• 我尝试像模块一样导入它，但它是.js文件的扩展名 包含所有进口和出口（我试图将其更改为.ts，但是 它没有帮助）;
• 我已尝试在index.html中导入它，但它会警告该文件是text / html类型，因此无法导入;
• 我试图与npm互动，从分叉库或类似的东西创建我自己的包，但是我在npm这么蹩脚，所以没有机会。

所以我看一下导入这个本地库的方法，这样它就可以通过npm导入了，但是可以对它进行一些修改。

我使用的是Ubuntu Mate 16.04，我的Angular2项目app文件夹看起来像这样： 应用 | --draggable（我想使用的库文件夹） | 其他组件和标准文件

编辑：我已经通过npm安装了库，使用了我的Angular2应用程序中的path / to / folder（"file:src/app/draggable"），所以在package.json中它是名字的行包和：import { Droppable } from '{myName}'之后。

但是当我尝试像Module not found: Error: Can't resolve '{myName}' in '/{pathToProject}/src/app'那样使用它时，它正在编译错误：<meta-data android:name="com.facebook.sdk.ApplicationName" android:value="{Display name in Facebook API Base Setting}" />

如何解决此问题并使用本地库？

Answer 1

您可以npm publish使用其他名称package.json中的名称）npmjs.org更改您的已修改包。为此，您可以从程序包根目录中的npm publish所在的命令行键入packagage.json。然后你导入就像你对原始包一样（并可能调整包的名称）。

或者您可以在node_modules文件夹中进行更改（但这是暂时的，可以在您拨打npm install时撤消）。因此，如果您选择第二种方法，则应将孔包复制到另一个地方。这种导入方式是一样的。