2017-06-12 72 views
2

我嘗試使用video.js作爲我的視頻播放器,但到達錯誤:離子使用的Video.js拋出錯誤

Uncaught (in promise): Error: Cannot find module "safe-json-parse/tuple" Error: Cannot find module "safe-json-parse/tuple"

步驟我做:

  1. NPM安裝-S的Video.js
  2. 從'video.js'導入videojs;
  3. 在palyer.ts中寫入代碼=> videojs('my-player',{controls:true});
  4. 當玩家頁面被擊中時出現上述錯誤。

有人有什麼想法嗎?或者其他第三方html5視頻播放器可以輕鬆插入?

環境的詳細信息:

ionic info

全球套餐:

@ionic/cli-utils : 1.4.0 
Cordova CLI  : 7.0.1 
Ionic CLI  : 3.4.0 

本地套餐:

@ionic/app-scripts    : 1.3.7 
@ionic/cli-plugin-cordova  : 1.4.0 
@ionic/cli-plugin-ionic-angular : 1.3.1 
Cordova Platforms    : android 6.2.3 
Ionic Framework     : ionic-angular 3.3.0 

系統:

Node  : v6.10.3 
OS   : Linux 4.10 
Xcode  : not installed 
ios-deploy : not installed 
ios-sim : not installed 
npm  : 3.10.10 
+0

'npm install -s video.js'沒有錯誤? – robbannn

+0

不,應該有嗎?我沒有使用npm,而是將其js和css添加到index.html中,並在任何ts文件中聲明「var videojs:any」。這工作,但不是加載npm模塊elegent。 –

+0

可能是因爲錯誤消息表示無法找到video.js依賴項之一。 – robbannn

回答

0

我將videojs js和css文件下載到資產/文件夾並在index.html中引用它們。

通過這種方式videojs作品,雖然不是優雅與NPM包

1

我做同樣的事情,我有一個安全,JSON-解析模塊所以以爲我是好的,但這樣做後:

npm install -s safe-json-parse

添加新文件並且錯誤消失。

+0

對我而言,css沒有加載。視頻播放器佈局完全混亂。我仍然需要在index.html中引用css。 –