如何从 videogular2 导入videogular2控件,叠加播放模块,因为它没有 index.js 或 videogular.js 文件。 我尝试了以下代码:
npm install videogular2
但无法在videogular2节点模块中找到 videogular2.js 或 index.js 。
答案 0 :(得分:8)
导入这些可以解决我的问题
import { VgCoreModule } from 'videogular2/compiled/core';
import { VgControlsModule } from 'videogular2/compiled/controls';
import { VgOverlayPlayModule } from 'videogular2/compiled/overlay-play';
import { VgBufferingModule } from 'videogular2/compiled/buffering';
答案 1 :(得分:3)
videogular2的主要文件是 core.js ,而不是index.js。您必须导入此内容,以及 controls.js 和 overlay-play.js ,这些都可以在根目录中找到。
如果您使用 angular-cli ,这些配置对我有用:
<强>角-CLI-build.js 强>
module.exports = function(defaults) {
return new Angular2App(defaults, {
vendorNpmFiles: [
...
'videogular2/dist/**/*',
'videogular2/core.+(ts|js)',
'videogular2/controls.+(ts|js)',
'videogular2/overlay-play.+(ts|js)'
...
]
});
};
<强>系统config.ts 强>
const map: any = {
...
'videogular2': 'vendor/videogular2'
...
};
const packages: any = {
...
'videogular2': {
main: 'core.js'
}
...
};
在angular2类中,您可以按如下方式导入它:
import { VgPlayer } from 'videogular2/core';
import { VgControls } from 'videogular2/controls';
-
最后,添加了一个提示,因为我遇到了丢失的VgAPI提供程序的问题。
在我的angular2组件中,我必须执行以下操作:
import { VgAPI } from 'videogular2/core';
@Component({
...
providers: [
VgAPI
]
...
})
class MyComponent { }
答案 2 :(得分:0)
添加此lib。在angular-cli-build.js
中{{1}}
答案 3 :(得分:0)
我遇到了同样的问题,但@Apharanes和@Sureshreddy的解决方案对我无效。我没有名为angular-cli-build.js的文件。
解决方案非常简单。它只是意味着在安装中添加“--save”:
npm install videogular2 --save
当我做“npm list videogular”时我发现了它。它给了我一个“无关”的错误。看到这个错误告诉我,我已经安装了包,但由于它不在我的package.json中,因此它认为它是“无关紧要的”。
答案 4 :(得分:0)
对我来说,这是节点版本的问题。 最新版本的videogular(今天为7.0.1)仅支持> = 10的节点版本:
提取他们的package.json:
"engines": {
"node": ">=10.9.0 <11.0.0"
},
您可以使用videogular的早期版本(6.4.0)或更新节点的版本。