如何在我的 angular 2 项目中正确包含 "require"？

Question

我仍在尝试让 the angular 2 code mirror module 在我的 angular 2 应用程序中工作。

我遇到了一些我已经详细说明的导入问题，我似乎已经过去了，但现在我运行遇到了一个新问题。

我最近的堆栈跟踪是这个

Error: (SystemJS) require is not a function
@http://localhost:8050/node_modules/ng2-codemirror/lib/codemirror.module.js:8:14
ZoneDelegate.prototype.invoke@http://localhost:8050/node_modules/zone.js/dist/zone.js:232:17
Zone.prototype.run@http://localhost:8050/node_modules/zone.js/dist/zone.js:114:24
scheduleResolveOrReject/<@http://localhost:8050/node_modules/zone.js/dist/zone.js:502:52
ZoneDelegate.prototype.invokeTask@http://localhost:8050/node_modules/zone.js/dist/zone.js:265:21
Zone.prototype.runTask@http://localhost:8050/node_modules/zone.js/dist/zone.js:154:28
drainMicroTaskQueue@http://localhost:8050/node_modules/zone.js/dist/zone.js:401:25
ZoneTask/this.invoke@http://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

所以，我没有可用的需求...

这是我的node_modules结构

node_modules/
    require/
        bin/
            require-command.js

还有我的system.config.js

map: {
    // a bunch of stuff listed in my previous post (
    'require' : 'npm:require',
},
packages: {
    // some package definitions found in my previous post
    'require' : {
        format: 'global', 
        main: 'bin/require-command.js',
        defaultExtension: 'js'
    }
}

这是我对 "include" 要求的最佳尝试，但它对我不起作用。有谁知道如何使这个 ng2-codemirror 模块可用？

编辑：

我去抓了一个CDN版本的require

<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
makeError@https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.2/require.js:168:17
localRequire@https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.2/require.js:1433:44
requirejs@https://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
ZoneDelegate.prototype.invoke@http://localhost:8050/node_modules/zone.js/dist/zone.js:232:17
Zone.prototype.run@http://localhost:8050/node_modules/zone.js/dist/zone.js:114:24
scheduleResolveOrReject/<@http://localhost:8050/node_modules/zone.js/dist/zone.js:502:52
ZoneDelegate.prototype.invokeTask@http://localhost:8050/node_modules/zone.js/dist/zone.js:265:21
Zone.prototype.runTask@http://localhost:8050/node_modules/zone.js/dist/zone.js:154:28
drainMicroTaskQueue@http://localhost:8050/node_modules/zone.js/dist/zone.js:401:25
ZoneTask/this.invoke@http://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

angular/core 好像还没有..？无论如何，这似乎是错误的做法。

Answer 1

我已经解决了。

我的代码镜像命名空间有点超出范围。

我是这样的

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

我需要它像这样

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

我认为通过在地图部分中将文件夹声明为 ng2-codemirror/lib，我错过了一些包含的依赖项或其他内容。

如何在我的 angular 2 项目中正确包含 "require"？

How do I correctly include "require" in my angular 2 project?

javascript

requirejs

systemjs

angular