Anglesコンポーネントのassetsフォルダの下に別ファイルにある外部Javascript関数を呼び出す方法は？

Question

//Way 1 - Not working 
import { LoadCarouselAndPopup } from '../../../assets/js/main.js'; 
LoadCarouselAndPopup(); 

//Way 2 - Not working 
declare var System: any; 
System.import('../../../assets/js/main.js') 
    .then(xJS => { 
     xJS.LoadCarouselAndPopup(); 
    }); 

}

Iは、2つの方法の上にしようとしています。

最初の方法では、「エラーTS5055：入力ファイルを上書きするため、main.jsファイルを書き込めません」というエラーが表示されるため、コードをコンパイルできません。この場合、私は "allowJs：true"も追加しました。方法2では

は、私が

は、私はこの問題を解決する助け..「未定義の 『と呼ぶ』プロパティを読み取ることができません」のようなエラーが発生しました。前もって感謝します。

Answer 1

私が見ている限り、あなたは角膜を使用しています。 cliconfigにスクリプトをロードしました。 wikiは以下の方法で達成できます：https://github.com/angular/angular-cli/wiki/stories-global-scripts

Answer 2

私は画像にフォルダ構造を見ましたが、これは角度クリティカルを使用していると思いますので、そのスクリプトのパスを含めて外部スクリプトを含めることができますあなたは、角度-CLIを使用している場合は、スクリプトの配列

{ 
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json", 
    "project": { 
    "name": "dummy-project" 
    }, 
    "apps": [ 
    { 
     "root": "src", 
     "outDir": "dist", 
     "assets": [ 
     "assets", 
     "favicon.ico" 
     ], 
     "index": "index.html", 
     "main": "main.ts", 
     "polyfills": "polyfills.ts", 
     "test": "test.ts", 
     "tsconfig": "tsconfig.app.json", 
     "testTsconfig": "tsconfig.spec.json", 
     "prefix": "app", 
     "styles": [ 
     "styles.css" 
     ], 
     "scripts": ['assets/filename.js], 
     "environmentSource": "environments/environment.ts", 
     "environments": { 
     "dev": "environments/environment.ts", 
     "prod": "environments/environment.prod.ts" 
     } 
    } 
    ], 
    "e2e": { 
    "protractor": { 
     "config": "./protractor.conf.js" 
    } 
    }, 
    "lint": [ 
    { 
     "project": "src/tsconfig.app.json", 
     "exclude": "**/node_modules/**" 
    }, 
    { 
     "project": "src/tsconfig.spec.json", 
     "exclude": "**/node_modules/**" 
    }, 
    { 
     "project": "e2e/tsconfig.e2e.json", 
     "exclude": "**/node_modules/**" 
    } 
    ], 
    "test": { 
    "karma": { 
     "config": "./karma.conf.js" 
    } 
    }, 
    "defaults": { 
    "styleExt": "css", 
    "component": {} 
    } 
}