asp.net-mvc-5 - 在现有 MVC 5 应用程序中使用 Angular JS

Question

我们正在现有的 .net MVC 5 项目中开发一个新模块。我想使用 Angular 2 开发它。

假设有一个 Controller 在屏幕上呈现一个 View ；在那之后，该 View 使用 angular JS 来工作。

我遇到了问题。我注意到在执行 npm install 后，我看到 node_modules 和 typings 文件夹都被排除在项目之外，当我只是创建一个 Angular 应用程序时，假设它必须做一些 web 项目，这不会发生。其次，我无法在不提供实际物理路径的情况下导入模块“Angular2/core”是一个找不到的模块。

此外，应用程序无法运行并给出错误

system.src.js:1154 GET http://sts.fb2/scripts/app/main 404 (Not Found)fetchTextFromURL @ system.src.js:1154(anonymous function) @ system.src.js:1710ZoneAwarePromise @ angular2-polyfills.js:589(anonymous function) @ system.src.js:1709(anonymous function) @ system.src.js:2734(anonymous function) @ system.src.js:3308(anonymous function) @ system.src.js:3575(anonymous function) @ system.src.js:3960(anonymous function) @ system.src.js:4419(anonymous function) @ system.src.js:4671(anonymous function) @ system.src.js:406ZoneDelegate.invoke @ angular2-polyfills.js:332Zone.run @ angular2-polyfills.js:227(anonymous function) @ 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:1276t._drain @ system-polyfills.src.js:1276drain @ system-polyfills.src.js:1276e @ system-polyfills.src.js:1276 angular2-polyfills.js:332 Error: Error: XHR error (404 Not Found) loading http://sts.fb2/scripts/app/main(…)

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

谢谢，斯内哈

Answer 1

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

一个)在导入 main.js 之前添加此代码。您可以使用 SystemJs 配置，使用扩展映射包。

b)也许你将 angular2.js 添加到你的伙伴列表中，这将重新排序 js 文件，也许这也会导致这个问题。您可以检查您的 html 文件中的 ref 脚本。

也许你能看到这个。 link