Question

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

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

我遇到了问题。我注意到在进行了npm安装之后，我得看到node_modules和typings文件夹都要从项目中排除，当我创建一个角度应用程序时，它不会发生，假设它必须做一些web项目。其次，我不能在没有给出实际物理路径的情况下导入模块＆＃34; Angular2 / core＆＃34;是一个找不到的模块。

此外，该应用程序无法正常运行错误

system.src.js：1154 GET http://sts.fb2/scripts/app/main 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：1276t ._drain @ system-polyfills.src.js：1276drain @ system-polyfills.src.js：1276e @system-polyfills.sr c.js：1276 angular2-polyfills.js：332错误：错误：XHR错误（404 Not Found）loading http://sts.fb2/scripts/app/main（...）

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

谢谢， Sneha

Answer 1

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

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

b）中也许你将angular2.js添加到你的推文列表中，这将采用js文件的顺序，也许这也会导致这个问题。你可以查看你的html文件以获取ref脚本。

也许你可以看到这一点。link

在现有的MVC 5应用程序中使用angular JS

1 个答案: