Question

我有ASP.Net MVC5个Web应用程序，并且需要将Angular5应用程序与其集成。

请参阅下面的链接，我正在进行集成。

运行独立的Angular5应用程序时，它运行良好。但是当同一组件与Razor视图集成时，出现以下错误。

选择器“ app-root”与任何元素都不匹配

我花了整整一天的时间解决这个问题。

Index.cshtml如下所示。

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Home Page - My ASP.NET Application</title>
 <link href="/bundles/styles.bundle.js" rel="stylesheet"/>

 <script src="/bundles/inline.bundle.js"></script>
 <script src="/bundles/polyfills.bundle.js"></script>
 <script src="/bundles/scripts.bundle.js"></script>
 <script src="/bundles/vendor.bundle.js"></script>
 <script src="/bundles/main.bundle.js"></script>

</head>
<body>
 <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">

<div class="container body-content">

<div class="row">
  <app-root></app-root>
</div>
    <hr />
    <footer>
        <p>&copy; 2018 - My ASP.NET Application</p>
    </footer>
</div>


</body>
</html>

谢谢。

Answer 1

天哪！

两个步骤解决了这个大难题：-

在开头部分添加了<base href="/">
将束移动到页面底部，即紧接在正文标记之前

@Styles.Render("~/Content/Styles") @Scripts.Render("~/Scripts/Bundles") </body>

希望这会有所帮助！

选择器“ app-root”与asp.net mvc中的任何元素都不匹配

1 个答案: