2017-02-01 7 views
1

私はまだ角度2のアプリ内でthe angular 2 code mirror moduleを働かせようとしています。Angular 2プロジェクトに「require」を正しく含めるにはどうすればよいですか?

詳細なhereのインポートに関する問題がありました。これは過去のように見えますが、今は新しい問題にぶつかりました。

私の最も最近のスタックトレースは、これは私のnode_modules構造

node_modules/ 
    require/ 
     bin/ 
      require-command.js 

とは

です...私は私に利用できる必要はありませんので、この

Error: (SystemJS) require is not a function 
@http://localhost:8050/node_modules/ng2-codemirror/lib/codemirror.module.js:8:14 
[email protected]://localhost:8050/node_modules/zone.js/dist/zone.js:232:17 
[email protected]://localhost:8050/node_modules/zone.js/dist/zone.js:114:24 
scheduleResolveOrReject/<@http://localhost:8050/node_modules/zone.js/dist/zone.js:502:52 
[email protected]://localhost:8050/node_modules/zone.js/dist/zone.js:265:21 
[email protected]://localhost:8050/node_modules/zone.js/dist/zone.js:154:28 
[email protected]://localhost:8050/node_modules/zone.js/dist/zone.js:401:25 
ZoneTask/[email protected]://localhost:8050/node_modules/zone.js/dist/zone.js:339:25 

Evaluating http://localhost:8050/node_modules/ng2-codemirror/lib/codemirror.module.js 
Error loading http://localhost:8050/app/main.js 

である私system.config.js

map: { 
    // a bunch of stuff listed in my previous post (https://stackoverflow.com/questions/41837321/how-do-i-properly-set-up-my-systemjs-config-for-use-with-ng2-codemirror/41841878#41841878) 
    'require' : 'npm:require', 
}, 
packages: { 
    // some package definitions found in my previous post 
    'require' : { 
     format: 'global', 
     main: 'bin/require-command.js', 
     defaultExtension: 'js' 
    } 
} 

これは私が "require"を含めるための最良の試みでしたが、それは私のためには機能しません。誰もがこのng2-codemirrorモジュールに利用可能な要求をする方法を知っていますか?

編集:

私が行ったとのCDNバージョンをつかんで

<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.2/require.js"></script> 

を必要とし、私のindex.htmlでそれを立ち往生...今私は別のスタックトレースを取得しているようです。

Error: (SystemJS) Module name "@angular/core" has not been loaded yet for context: _. Use require([]) 
http://requirejs.org/docs/errors.html#notloaded 
[email protected]://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.2/require.js:168:17 
[email protected]://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.2/require.js:1433:44 
[email protected]://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.2/require.js:1794:16 
@http://localhost:8050/node_modules/ng2-codemirror/lib/codemirror.module.js:8:14 
[email protected]://localhost:8050/node_modules/zone.js/dist/zone.js:232:17 
[email protected]://localhost:8050/node_modules/zone.js/dist/zone.js:114:24 
scheduleResolveOrReject/<@http://localhost:8050/node_modules/zone.js/dist/zone.js:502:52 
[email protected]://localhost:8050/node_modules/zone.js/dist/zone.js:265:21 
[email protected]://localhost:8050/node_modules/zone.js/dist/zone.js:154:28 
[email protected]://localhost:8050/node_modules/zone.js/dist/zone.js:401:25 
ZoneTask/[email protected]://localhost:8050/node_modules/zone.js/dist/zone.js:339:25 

Evaluating http://localhost:8050/node_modules/ng2-codemirror/lib/codemirror.module.js 
Error loading http://localhost:8050/app/main.js 

角度/コアはまだ使用できません。これは、とにかくそれについて行くための間違った方法のように思えます。

答えて

1

私はこれを解決しました。

私のコードミラー名前空間は、範囲外です。

私はこの

map : { 
    'ng2-codemirror' : 'npm:ng2-codemirror/lib' 
}, 
packages : { 
    'ng2-codemirror' : { 
     main : 'index.js', 
     defaultExtension: 'js' 
    } 
} 

のようにそれを持っていたし、私はマップセクション内のNG2-codemirror/libのようにフォルダを宣言することで考えて、この

map : { 
    'ng2-codemirror' : 'npm:ng2-codemirror' 
}, 
packages : { 
    'ng2-codemirror' : { 
     main : 'lib/index.js', 
     defaultExtension: 'js' 
    } 
} 

ようになり、それを必要とし、Iいくつかの含まれている依存関係や何かに欠けていた。

関連する問題