在现有MVC5应用程序中使用angular JS

Question

我们正在现有系统中开发一个新模块。NETMVC5项目。我想用Angular 2开发这个。

假设有一个控制器在屏幕上呈现视图；在该视图之后，使用角JS来工作。

我遇到了一些问题。我注意到在完成npm安装后，我看到node_模块和typings文件夹都被排除在项目之外，这在我创建angular应用程序时是不会发生的，假设它必须执行web项目中的某些操作。其次，我不能在没有给出实际物理路径的情况下导入模块，“Angular2/core”是它找不到的模块。

此外，应用程序不工作会导致错误

系统src。js:1154获取http://sts.fb2/scripts/app/main404（未找到）fetchTextFromURL@system。src。js:1154（匿名函数）@system。src。js:1710ZoneAwarePromise@angular2 polyfills。js:589（匿名函数）@system。src。js:1709（匿名函数）@system。src。js:2734（匿名函数）@system。src。js:3308（匿名函数）@system。src。js:3575（匿名函数）@system。src。js:3960（匿名函数）@system。src。js:4419（匿名函数）@system。src。js:4671（匿名函数）@system。src。js:406ZoneDelegate。调用@angular2 polyfills。js:332Zone。运行@angular2 polyfills。js:227（匿名函数）@angular2 polyfills。js:576ZoneDelegate。invokeTask@angular2 polyfills。js:365Zone。runTask@angular2 polyfills。js:263drainMicroTaskQueue@angular2 polyfills。js:482F@system polyfills。src。js:1276H@system polyfills。src。js:1276q。当@system填充时。src。js:1276T。运行@system polyfills。src。js:1276t_排水管@系统填充物。src。js:1276drain@system polyfills。src。js:1276e@system polyfills。src。js:1276角2多边形填充。js:332错误：错误：XHR错误（404未找到）加载http://sts.fb2/scripts/app/main(…)

请有人能帮助我了解如何去实现这一点吗？一个示例应用程序将非常有帮助

谢谢，斯内哈

Answer 1

System.config({
    map: {
        app: '/scripts/App',
    },
    packages: {
        app: {
            format: 'cjs',
            defaultExtension: 'js'
        }
    }
});

a） 在导入main之前添加此代码。js。您可以使用SystemJs配置，映射带有扩展的包。

b） 也许你可以加上angular2。js进入您的buddle列表，这将改变js文件的顺序，可能这也会导致这个问题。您可以检查html文件中的ref脚本。

也许你能看到这个。链接