Asp.net mvc 5 在现有MVC5应用程序中使用angular JS

Asp.net mvc 5 在现有MVC5应用程序中使用angular JS,asp.net-mvc-5,angular,Asp.net Mvc 5,Angular,我们正在现有的.NETMVC5项目中开发一个新模块。 我想用Angular 2开发这个 假设有一个在屏幕上呈现视图的控制器;之后,视图使用angular JS进行工作 我遇到了一些问题。 我注意到在完成npm安装后,我看到node_模块和typings文件夹都被排除在项目之外,这在我创建angular应用程序时是不会发生的,假设它必须执行web项目中的某些操作。其次,我不能在没有给出实际物理路径的情况下导入模块,“Angular2/core”是它找不到的模块 此外,应用程序不工作会导致错误 sy

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

假设有一个在屏幕上呈现视图的控制器;之后,视图使用angular JS进行工作

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

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

system.src.js:1154 GET 404(未找到)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.invoke@angular2 polyfills.js:332Zone.run@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.when@system polyfills.src.js:1276T.run@system polyfills.src.js.\u drain@system polyfills.src.jssystem polyfills.src.js:1276e@system polyfills.src.js:1276 angular2 polyfills.js:332错误:错误:XHR错误(404未找到)加载(…)

请有人能帮助我理解如何实施这一点吗?一个示例应用程序将非常有用

谢谢, 斯内哈

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

(b) 也许你将angular2.js添加到你的buddle列表中,这会改变js文件的顺序,也许这也会导致这个问题。 您可以检查html文件中的ref脚本


也许你可以看到这一点。

链接已断开。
System.config({
    map: {
        app: '/scripts/App',
    },
    packages: {
        app: {
            format: 'cjs',
            defaultExtension: 'js'
        }
    }
});