錯誤參考錯誤：OktaSignIn未定義

我正在嘗試將okta與webpack和angular2整合，我幾乎正確地使用了所有內容，並且最終出現錯誤。我使用安裝程序https://angular.io/resources/zips/webpack/webpack.zip因爲它也跟着在http://developer.okta.com/blog/2017/03/27/angular-okta-sign-in-widget 錯誤參考錯誤：OktaSignIn未定義

正確地提到我試圖導入vendor.ts 1563點登錄in.min.js 以及在okta.service.ts 事情

import '@okta/okta-signin-widget/dist/js/okta-sign-in.min';

文件中獲取進口，但仍然我得到OktaSignIn沒有定義錯誤

感謝提前任何幫助..

來源

2017-04-26 ashish ghone

爲什麼喲你使用混淆圖書館作爲來源？ –

你肯定不繼的步驟。這條線根本沒有意義。

import '@okta/okta-signin-widget/dist/js/okta-sign-in.min';

okta-sign-in.min是一個javascript，它需要包含在index.html中。如果您正在使用角CLI，然後在教程

"scripts": [ 
    "../node_modules/@okta/okta-signin-widget/dist/js/okta-sign-in.min.js" 
],

在教程中的所有步驟都正確提及提及。

第1步：創建1個服務

declare let OktaSignIn: any;

這條線將是必要的，intialize構造這裏按需要。

步驟2：在whatevercomponent.component.ts中調用該服務。

來源

2017-04-26 07:08:58

我想你可以通過一些webpack插件加載它。這裏是模塊https://github.com/jantimon/html-webpack-plugin之一。發佈您的webpack配置。 –

由於我使用的是webpack，因此不能直接在索引文件中包含腳本，而且我也沒有使用angular-cli因此沒有地方添加腳本：[/ url] [/ url] /js/okta-sign-in.min.js「」，''和'import'@ okta/okta-signin-widget/dist/js/okta-sign-in.min'' 用於導入庫工作正確 –

沒有，進口不會工作，因爲okta-sign-in.min不導出任何東西。它的一個JS –

step1 
 
import '@okta/okta-signin-widget/dist/js/okta-sign-in.min'; 
 
step2: 
 
"scripts": [ 
 
    "../node_modules/@okta/okta-signin-widget/dist/js/okta-sign-in.min.js" 
 
], 
 
step3: 
 
declare let OktaSignIn: any; 
 
step4: 
 
var Oktasignin=new Oktasignin('okta-signin-widget');

來源

2017-04-26 07:17:06

更換

declare let OktaSignIn: any; 
import '@okta/okta-signin-widget/dist/js/okta-sign-in.min';

通過

var OktaSignIn = require('@okta/okta-signin-widget');

剛讀某個地方，這是因爲tslint沒有的WebPack的

來源

2017-04-27 09:18:07

錯誤參考錯誤：OktaSignIn未定義

回答

相關問題