primefaces codeMirror不会加载自己的CSS和JS [英] primefaces codeMirror doesn't load his own css and js

问题描述

我想使用带SQL语法的primeface-extension中的codeMirror.

I want to use codeMirror from primeface-extension with an sql syntax.

加载包含该组件的页面时，出现404错误.找不到CSS和javascript组件.

I've got a 404 error when the page who contains this component load. The Css and javascript component not found.

我的代码与Showcase-ext codeMirror中的示例相同.

My code is the same as the example from showcase-ext codeMirror.

使用primefaces 5.1和primefaces-ext 2.1.0.

Using primefaces 5.1 and primefaces-ext 2.1.0.

有人有这个问题吗?

谢谢.

我的jsf:

    <pe:codeMirror id="codeMirror"
    value="#{sandboxBean.content}" lineNumbers="true"/>  

    <p:commandButton actionListener="#{sandboxBean.changeMode}" update="codeMirror"  
             value="Change mode with AJAX" style="margin-top:10px;"/>

我的豆子:

private String content;  
private String mode = "javascript";  

public void changeMode() {  
    if (mode.equals("css")) {  
        mode = "javascript";  
    } else {  
        mode = "css";  
    }  
}  

public List<String> complete(final CompleteEvent event) {  
    final ArrayList<String> suggestions = new ArrayList<String>();  

    suggestions.add("context: " + event.getContext());  
    suggestions.add("token: " + event.getToken());  

    return suggestions;  
}  

public String getContent() {  
    return content;  
}  

public void setContent(final String content) {  
    this.content = content;  
}  

public String getMode() {  
    return mode;  
}  

public void setMode(final String mode) {  
    this.mode = mode;  
}

我的浏览器控制台上的错误:Primefaces组件的CSS和JS 404(不可解释).

The error on my browser console: 404 (Introuvable) for css and js of primefaces component.

其他primefaces组件可以正确加载，因此我不明白为什么该组件不起作用.

The other primefaces component load correctly so i doesn't understand why this one not work.

我的代码有什么问题?

推荐答案

我遇到了相同的错误，并设法使其工作，将资源-codemirror依赖项添加到我的pom.xml中.

I have got the same error and managed to make it work adding resources-codemirror dependency to my pom.xml

    <dependency> 
        <groupId>org.primefaces.extensions</groupId> 
        <artifactId>primefaces-extensions</artifactId> 
        <version>3.2.0</version> 
    </dependency>       
    <dependency>
        <groupId>org.primefaces.extensions</groupId>
        <artifactId>resources-codemirror</artifactId>
        <version>1.2.1</version>
    </dependency>

这篇关于primefaces codeMirror不会加载自己的CSS和JS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！