代码之家 › 专栏 › 技术社区 › Sabir Khan

JSP中的Angular2(Spring MVC)

spring-mvc jsp angular angularjs

Sabir Khan · 技术社区 · 7 年前

我的问题类似于 this existing question i、一个Web项目已经在使用-Spring MVC+Angular1。x+JSP+JavaScript等。

所以我建立了一个单独的Angular2项目,构建了它,并在tiles的布局JSP中包含了最终的JS文件。

在我的新主体jsp中,当我使用angular2根组件时,我的jsp显示得非常完美,但应用程序的所有其他页面都显示了以下错误,

core.es5.js:1020 ERROR Error: The selector "app-root" did not match any elements
    at DefaultDomRenderer2.selectRootElement (platform-browser.es5.js:2791)
    at createElement (core.es5.js:9172)
    at createViewNodes (core.es5.js:12146)
    at createRootView (core.es5.js:12075)
    at Object.createProdRootView [as createRootView] (core.es5.js:12760)
    at ComponentFactory_.create (core.es5.js:9858)
    at ComponentFactoryBoundToModule.create (core.es5.js:3333)
    at ApplicationRef_.bootstrap (core.es5.js:4763)
    at core.es5.js:4546
    at Array.forEach (<anonymous>)
defaultErrorLogger @ core.es5.js:1020
zone.js:654 Unhandled Promise rejection: The selector "app-root" did not match any elements ; Zone: <root> ; Task: Promise.then ; Value: Error: The selector "app-root" did not match any elements
    at DefaultDomRenderer2.selectRootElement (platform-browser.es5.js:2791)
    at createElement (core.es5.js:9172)
    at createViewNodes (core.es5.js:12146)
    at createRootView (core.es5.js:12075)
    at Object.createProdRootView [as createRootView] (core.es5.js:12760)
    at ComponentFactory_.create (core.es5.js:9858)
    at ComponentFactoryBoundToModule.create (core.es5.js:3333)
    at ApplicationRef_.bootstrap (core.es5.js:4763)
    at core.es5.js:4546
    at Array.forEach (<anonymous>) Error: The selector "app-root" did not match any elements
    at DefaultDomRenderer2.selectRootElement

上面的错误在控制台上,其他JSP页面保持正常工作,而这个后台错误对它们没有任何影响。

我已经包括了angualr2 JS文件外面的身体标签在底部。

我们将建立一个自动过程,将文件从Angualr2 UI项目构建和复制到Spring MVC项目,只有那些最终的JS文件将与应用程序一起部署。

它是一个首次加载页面的Spring MVC控制器——一个JSP。

1 回复 | 直到 7 年前

Sabir Khan 7 年前

有了来自JB Nizet的注释输入,我可以通过从通用应用程序布局JSP中删除角度js包含并将其放入主体JSP文件中来解决问题,如下所示。

<app-root>Loading...</app-root>

<!--  For Angular 2 -->
<script type="text/javascript" src="inline.bundle.js" ></script>
<script type="text/javascript" src="polyfills.bundle.js" ></script>
<script type="text/javascript" src="styles.bundle.js" ></script>
<script type="text/javascript" src="vendor.bundle.js" ></script>
<script type="text/javascript" src="main.bundle.js" > </script>

我正在创建应用程序- ng build --env=prod --output-hashing none

推荐文章

Ali Bazargani · 我试图在Spring Boot应用程序中添加一个jsp页面。我的问题是,每次我尝试转到该页面时,我都会遇到以下问题:

2 年前

Mayur · maven项目中找不到文件异常找不到xml文件

2 年前

Filippo · JUnit-java。lang.NullPointerException:无法调用“…”因为“this.modelMapper”为空

2 年前

Mayur · 我试图导入(import org.springframework.context.ApplicationContext),但它给了我错误org。Sprigframew无法解决

2 年前

Rohit Patil · 在Hibernate中,如果列中的值是<java>(String),如何获得记录数?

6 年前

We are Borg · Java,Spring:创建一个单独的数据源bean

6 年前

Sumit · 如何将javascript(js)映射传递给spring boot Controller?

6 年前

Pasha · 如何在@RequestBody中传递2个对象?

6 年前

Halil · Spring MVC-有条件返回html内容或模板内容

6 年前

M.K · 实现easy REST服务的问题-Spring MVC

6 年前