1. 홈
  2. 질의 응답
  3. Valo 테마 컴파일 오류

Valo 테마 컴파일 오류

2017-04-16 1 views
-3

데모 응용 프로그램과 같은 간단한 사이드 메뉴를 만들려고합니다. 테마를 통해 웹 세미나 비디오를 시청했습니다. 내 애플 리케이션은 3 메뉴 항목과 메뉴 막대가 포함되어 있습니다. 메뉴 막대를 만든 후에는 사용자 정의 스타일을 추가하고 valo-menubar 용 vaadin API에 따라 객체를 정의했습니다. 나는 다음과 같은 오류 여기Valo 테마 컴파일 오류

[ERROR] Failed to execute goal com.vaadin:vaadin-maven-plugin:8.0.5:compile-theme (default-cli) on project myapplication: Compiling theme "VAADIN\themes\mytheme" failed: Command [[ 

[ERROR] C:\Program Files\Java\jre1.8.0_121\bin\java -Xmx1G 
com.vaadin.sass.SassCompiler "path-to-styles.css" 
"path-to-mytheme.scss" 

[ERROR] ]] failed with status 1 

[ERROR] -> [Help 1]

인에게 얻을 빌드를 디버깅하려고 할 때

전체 오류가 mytheme.scss에 구문 오류가 있습니다

[INFO] Error stacktraces are turned on. 
[INFO] Scanning for projects... 
[INFO]                   
[INFO] ------------------------------------------------------------------------ 
[INFO] Building myapplication 1.0-SNAPSHOT 
[INFO] ------------------------------------------------------------------------ 
[INFO] 
[INFO] >>> jetty-maven-plugin:9.3.9.v20160517:run (default-cli) > test-compile @ myapplication >>> 
[INFO] 
[INFO] --- vaadin-maven-plugin:8.0.5:update-theme (default) @ myapplication --- 
[INFO] Updating theme VAADIN\themes\mytheme 
[INFO] Widgetsets found from classpath: 
[INFO] Addon styles found from classpath: 
[INFO] 
[INFO] Search took 7ms 
[INFO] Theme "VAADIN\themes\mytheme" updated 
[INFO] 
[INFO] --- vaadin-maven-plugin:8.0.5:update-widgetset (default) @ myapplication --- 
[WARNING] GWT plugin is configured to detect modules, but none were found. 
[INFO] No widgetsets found - generating AppWidgetset if necessary. 
[INFO] Updating widgetset AppWidgetset 
[INFO] Adding resource directory to command classpath: C:\Users\Maddie\workspace\myapplication\src\main\resources 
[INFO] Adding resource directory to command classpath: C:\Users\Maddie\workspace\myapplication\target\generated-resources\gwt 
[INFO] Using com.vaadin:vaadin-client version 8.0.5 
[INFO] Using com.vaadin:vaadin-client-compiler version 8.0.5 
[INFO] Widgetsets found from classpath: 
[INFO] com.vaadin.DefaultWidgetSet in jar:file:C:/Users/Maddie/.m2/repository/com/vaadin/vaadin-client/8.0.5/vaadin-client-8.0.5.jar!/ 
[INFO] Addon styles found from classpath: 
[INFO] 
[INFO] Search took 4ms 
[INFO] 
[INFO] --- vaadin-maven-plugin:8.0.5:compile-theme (default) @ myapplication --- 
[INFO] Updating theme VAADIN\themes\mytheme 
[ERROR] Apr 15, 2017 9:04:13 PM com.vaadin.sass.internal.handler.SCSSErrorHandler severe 
[ERROR] SEVERE: null 
[ERROR] com.vaadin.sass.internal.parser.SCSSParseException: Error when parsing file mytheme.scss 
[ERROR] Encountered "<EOF>" at line 82, column 2. 
[ERROR] Was expecting one of: 
[ERROR]  <S> ... 
[ERROR]  "}" ... 
[ERROR]  "+" ... 
[ERROR]  "-" ... 
[ERROR]  ">" ... 
[ERROR]  "~" ... 
[ERROR]  "[" ... 
[ERROR]  "*" ... 
[ERROR]  "%" ... 
[ERROR]  "&" ... 
[ERROR]  "." ... 
[ERROR]  "and" ... 
[ERROR]  "or" ... 
[ERROR]  "not" ... 
[ERROR]  ":" ... 
[ERROR]  "#{" ... 
[ERROR]  "through" ... 
[ERROR]  "in" ... 
[ERROR]  "@include" ... 
[ERROR]  "@debug" ... 
[ERROR]  "@warn" ... 
[ERROR]  "@for" ... 
[ERROR]  "@each" ... 
[ERROR]  "@while" ... 
[ERROR]  "@if" ... 
[ERROR]  "@extend" ... 
[ERROR]  "@content" ... 
[ERROR]  <MICROSOFT_RULE> ... 
[ERROR]  <IDENT> ... 
[ERROR]  <VARIABLE> ... 
[ERROR]  <HASH> ... 
[ERROR]  "@media" ... 
[ERROR]  "@page" ... 
[ERROR]  "@font-face" ... 
[ERROR]  <KEY_FRAME_SYM> ... 
[ERROR]  <ATKEYWORD> ... 
[ERROR]  
[ERROR]  at com.vaadin.sass.internal.ScssStylesheet.get(ScssStylesheet.java:176) 
[ERROR]  at com.vaadin.sass.internal.visitor.ImportNodeHandler.traverse(ImportNodeHandler.java:68) 
[ERROR]  at com.vaadin.sass.internal.tree.ImportNode.traverse(ImportNode.java:99) 
[ERROR]  at com.vaadin.sass.internal.tree.Node.traverseChildren(Node.java:227) 
[ERROR]  at com.vaadin.sass.internal.tree.Node.traverseChildren(Node.java:214) 
[ERROR]  at com.vaadin.sass.internal.ScssStylesheet.traverse(ScssStylesheet.java:298) 
[ERROR]  at com.vaadin.sass.internal.ScssStylesheet.compile(ScssStylesheet.java:267) 
[ERROR]  at com.vaadin.sass.SassCompiler.main(SassCompiler.java:101) 
[ERROR] 
[ERROR] Apr 15, 2017 9:04:13 PM com.vaadin.sass.internal.handler.SCSSErrorHandler severe 
[ERROR] SEVERE: Mixin Definition: mytheme not found 
[ERROR] Compiling theme "VAADIN\themes\mytheme" failed 
org.codehaus.mojo.gwt.shell.JavaCommandException: Command [[ 
C:\Program Files\Java\jdk1.8.0_121\jre\bin\java -Xmx1G com.vaadin.sass.SassCompiler C:\Users\Maddie\workspace\myapplication\src\main\webapp\VAADIN\themes\mytheme\styles.scss C:\Users\Maddie\workspace\myapplication\src\main\webapp\VAADIN\themes\mytheme\styles.css 
]] failed with status 1 
    at org.codehaus.mojo.gwt.shell.JavaCommand.execute(JavaCommand.java:330) 
    at com.vaadin.integration.maven.CompileThemeMojo.processTheme(CompileThemeMojo.java:65) 
    at com.vaadin.integration.maven.AbstractThemeMojo.doExecute(AbstractThemeMojo.java:43) 
    at org.codehaus.mojo.gwt.shell.AbstractGwtShellMojo.execute(AbstractGwtShellMojo.java:182) 
    at org.apache.maven.plugin.DefaultBuildPluginManager.executeMojo(DefaultBuildPluginManager.java:134) 
    at org.apache.maven.lifecycle.internal.MojoExecutor.execute(MojoExecutor.java:207) 
    at org.apache.maven.lifecycle.internal.MojoExecutor.execute(MojoExecutor.java:153) 
    at org.apache.maven.lifecycle.internal.MojoExecutor.execute(MojoExecutor.java:145) 
    at org.apache.maven.lifecycle.internal.MojoExecutor.executeForkedExecutions(MojoExecutor.java:352) 
    at org.apache.maven.lifecycle.internal.MojoExecutor.execute(MojoExecutor.java:197) 
    at org.apache.maven.lifecycle.internal.MojoExecutor.execute(MojoExecutor.java:153) 
    at org.apache.maven.lifecycle.internal.MojoExecutor.execute(MojoExecutor.java:145) 
    at org.apache.maven.lifecycle.internal.LifecycleModuleBuilder.buildProject(LifecycleModuleBuilder.java:116) 
    at org.apache.maven.lifecycle.internal.LifecycleModuleBuilder.buildProject(LifecycleModuleBuilder.java:80) 
    at org.apache.maven.lifecycle.internal.builder.singlethreaded.SingleThreadedBuilder.build(SingleThreadedBuilder.java:51) 
    at org.apache.maven.lifecycle.internal.LifecycleStarter.execute(LifecycleStarter.java:128) 
    at org.apache.maven.DefaultMaven.doExecute(DefaultMaven.java:307) 
    at org.apache.maven.DefaultMaven.doExecute(DefaultMaven.java:193) 
    at org.apache.maven.DefaultMaven.execute(DefaultMaven.java:106) 
    at org.apache.maven.cli.MavenCli.execute(MavenCli.java:863) 
    at org.apache.maven.cli.MavenCli.doMain(MavenCli.java:288) 
    at org.apache.maven.cli.MavenCli.main(MavenCli.java:199) 
    at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method) 
    at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62) 
    at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) 
    at java.lang.reflect.Method.invoke(Method.java:498) 
    at org.codehaus.plexus.classworlds.launcher.Launcher.launchEnhanced(Launcher.java:289) 
    at org.codehaus.plexus.classworlds.launcher.Launcher.launch(Launcher.java:229) 
    at org.codehaus.plexus.classworlds.launcher.Launcher.mainWithExitCode(Launcher.java:415) 
    at org.codehaus.plexus.classworlds.launcher.Launcher.main(Launcher.java:356) 
[INFO] ------------------------------------------------------------------------ 
[INFO] BUILD FAILURE 
[INFO] ------------------------------------------------------------------------ 
[INFO] Total time: 3.269 s 
[INFO] Finished at: 2017-04-15T21:04:13-05:00 
[INFO] Final Memory: 14M/313M 
[INFO] ------------------------------------------------------------------------ 
[ERROR] Failed to execute goal com.vaadin:vaadin-maven-plugin:8.0.5:compile-theme (default) on project myapplication: Compiling theme "VAADIN\themes\mytheme" failed: Command [[ 
[ERROR] C:\Program Files\Java\jdk1.8.0_121\jre\bin\java -Xmx1G com.vaadin.sass.SassCompiler C:\Users\Maddie\workspace\myapplication\src\main\webapp\VAADIN\themes\mytheme\styles.scss C:\Users\Maddie\workspace\myapplication\src\main\webapp\VAADIN\themes\mytheme\styles.css 
[ERROR] ]] failed with status 1 
[ERROR] -> [Help 1] 
org.apache.maven.lifecycle.LifecycleExecutionException: Failed to execute goal com.vaadin:vaadin-maven-plugin:8.0.5:compile-theme (default) on project myapplication: Compiling theme "VAADIN\themes\mytheme" failed 
    at org.apache.maven.lifecycle.internal.MojoExecutor.execute(MojoExecutor.java:212) 
    at org.apache.maven.lifecycle.internal.MojoExecutor.execute(MojoExecutor.java:153) 
    at org.apache.maven.lifecycle.internal.MojoExecutor.execute(MojoExecutor.java:145) 
    at org.apache.maven.lifecycle.internal.MojoExecutor.executeForkedExecutions(MojoExecutor.java:352) 
    at org.apache.maven.lifecycle.internal.MojoExecutor.execute(MojoExecutor.java:197) 
    at org.apache.maven.lifecycle.internal.MojoExecutor.execute(MojoExecutor.java:153) 
    at org.apache.maven.lifecycle.internal.MojoExecutor.execute(MojoExecutor.java:145) 
    at org.apache.maven.lifecycle.internal.LifecycleModuleBuilder.buildProject(LifecycleModuleBuilder.java:116) 
    at org.apache.maven.lifecycle.internal.LifecycleModuleBuilder.buildProject(LifecycleModuleBuilder.java:80) 
    at org.apache.maven.lifecycle.internal.builder.singlethreaded.SingleThreadedBuilder.build(SingleThreadedBuilder.java:51) 
    at org.apache.maven.lifecycle.internal.LifecycleStarter.execute(LifecycleStarter.java:128) 
    at org.apache.maven.DefaultMaven.doExecute(DefaultMaven.java:307) 
    at org.apache.maven.DefaultMaven.doExecute(DefaultMaven.java:193) 
    at org.apache.maven.DefaultMaven.execute(DefaultMaven.java:106) 
    at org.apache.maven.cli.MavenCli.execute(MavenCli.java:863) 
    at org.apache.maven.cli.MavenCli.doMain(MavenCli.java:288) 
    at org.apache.maven.cli.MavenCli.main(MavenCli.java:199) 
    at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method) 
    at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62) 
    at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) 
    at java.lang.reflect.Method.invoke(Method.java:498) 
    at org.codehaus.plexus.classworlds.launcher.Launcher.launchEnhanced(Launcher.java:289) 
    at org.codehaus.plexus.classworlds.launcher.Launcher.launch(Launcher.java:229) 
    at org.codehaus.plexus.classworlds.launcher.Launcher.mainWithExitCode(Launcher.java:415) 
    at org.codehaus.plexus.classworlds.launcher.Launcher.main(Launcher.java:356) 
Caused by: org.apache.maven.plugin.MojoExecutionException: Compiling theme "VAADIN\themes\mytheme" failed 
    at com.vaadin.integration.maven.CompileThemeMojo.processTheme(CompileThemeMojo.java:69) 
    at com.vaadin.integration.maven.AbstractThemeMojo.doExecute(AbstractThemeMojo.java:43) 
    at org.codehaus.mojo.gwt.shell.AbstractGwtShellMojo.execute(AbstractGwtShellMojo.java:182) 
    at org.apache.maven.plugin.DefaultBuildPluginManager.executeMojo(DefaultBuildPluginManager.java:134) 
    at org.apache.maven.lifecycle.internal.MojoExecutor.execute(MojoExecutor.java:207) 
    ... 24 more 
Caused by: org.codehaus.mojo.gwt.shell.JavaCommandException: Command [[ 
C:\Program Files\Java\jdk1.8.0_121\jre\bin\java -Xmx1G com.vaadin.sass.SassCompiler C:\Users\Maddie\workspace\myapplication\src\main\webapp\VAADIN\themes\mytheme\styles.scss C:\Users\Maddie\workspace\myapplication\src\main\webapp\VAADIN\themes\mytheme\styles.css 
]] failed with status 1 
    at org.codehaus.mojo.gwt.shell.JavaCommand.execute(JavaCommand.java:330) 
    at com.vaadin.integration.maven.CompileThemeMojo.processTheme(CompileThemeMojo.java:65) 
    ... 28 more 
[ERROR] 
[ERROR] Re-run Maven using the -X switch to enable full debug logging. 
[ERROR] 
[ERROR] For more information about the errors and possible solutions, please read the following articles: 
[ERROR] [Help 1] http://cwiki.apache.org/confluence/display/MAVEN/MojoExecutionException

로그인? "v-menubar-custom"에 대한 정의가 없으면 프로그램이 올바르게 실행됩니다.

MyUI.java

@Theme("mytheme") 
public class MyUI extends UI { 

private static final String CUSTOM = "custom"; 

@Override 
protected void init(VaadinRequest vaadinRequest) { 
    final VerticalLayout layout = new VerticalLayout(); 

    MenuBar nav = new MenuBar(); 

    MenuItem overview = nav.addItem("Overview", null, null); 
    MenuItem clients = nav.addItem("Clients", null, null); 
    MenuItem calendar = nav.addItem("Calendar", null, null); 

    nav.addStyleName(CUSTOM); 


    layout.addComponent(nav); 

    setContent(layout); 
} 

@WebServlet(urlPatterns = "/*", name = "MyUIServlet", asyncSupported = true) 
@VaadinServletConfiguration(ui = MyUI.class, productionMode = false) 
public static class MyUIServlet extends VaadinServlet { 
} 
}

mytheme.scss

@import "../valo/valo.scss"; 

@mixin mytheme { 
@include valo; 

.v-menubar-custom { 
@include valo-menubar($primary-stylename: v-menubar, $include-additional-styles) { 
    .#{$primary-stylename} { 
     @include valo-button-static-style($states: normal focus disabled, $vertical-centering: false); 
     @include valo-menubar-style; 
    } 
    .#{$primary-stylename}:activate:after { 
     background: transparent; 
    } 
    .#{$primary-stylename} > .#{$primary-stylename}-menuitem { 
     @include valo-menubar-menuitem-style; 
    } 
    .#{$primary-stylename} > .#{$primary-stylename}-menuitem-checked { 
     @include valo-menubar-menuitem-checked-style; 
    } 

    .v-disabled > .#{$primary-stylename}-menuitem, 
    .#{$primary-stylename} > .#{$primary-stylename}-menuitem-disabled { 
     cursor: default; 
    } 

    &:before { 
     display: none; 
    } 
} 

.#{$primary-stylename}-menuitem-disabled { 
    @include opacity($v-disabled-opacity); 
} 

.#{$primary-stylename} > .#{$primary-stylename}-menuitem-selected { 
    @include valo-button-style($states: normal, $background-color: $v-selection-color, $border-radius: 0, $shadow: null, $unit-size: null, $font-weight: null); 
    border-top-width: 0; 
    border-left-width: 0; 
    border-bottom-width: 0; 
    z-index: 2; 

    &:hover:before { 
     background: none; 
    } 
} 

.#{$primary-stylename} .#{$primary-stylename}-submenu-indicator { 
    display: none; 

    + .#{$primary-stylename}-menuitem-caption:after { 
     font-family: FontAwesome; 
     content: "\f078"; 
     font-size: 0.7em; 
     vertical-align: .15em; 
     margin: 0 -.2em 0 .5em; 
     //IE filters are not supported on pseudo elements 
     opacity: .5; 
    } 

    + .#{$primary-stylename}-menuitem-caption:empty:after { 
     margin-left: -.2em; 
    } 
} 

.#{$primary-stylename}-popup { 
    @include valo-menubar-popup-style($primary-stylename) 
} 

@if $include-additional-styles { 
    .#{$primary-stylename}-small { 
     @include valo-menubar-style($background-color: null, $unit-size: $v-unit-size--small); 
     font-size: $v-font-size--small; 
    } 

    .#{$primary-stylename}-borderless { 
     @include-valo-menubar-borderless-style; 
    } 
} 

}

출처

2017-04-16 mirGantrophy

+0

무엇이 문제입니까? –

+0

"v-menubar-custom"에 대한 정의가 제거되면 잘 컴파일되므로 mytheme.scss의 구문 오류는 어디에 있습니까? – mirGantrophy

+1

오류 메시지를 보내 주시면 감사하겠습니다. 귀하의 게시물을 편집하고 모든 관련 정보를 포함하십시오. –

답변

2

이 당신이 게시 된 SCSS 여러 문제가 있지만, 나는 차 문제는 단순히 그 돈이라고 생각 @include 문에 valo-menubar mixin 정의 전체를 복사해야합니다. mixin 이름과 인수 만 있으면됩니다. 따라서 귀하의 코드는 다음과 같이 단순화됩니다.

@import "../valo/valo.scss"; 

@mixin mytheme { 
    @include valo; 

    .v-menubar-custom { 
     @include valo-menubar($primary-stylename: v-menubar, $include-additional-styles: false); 
    } 
}

그러나 내가 원하는 것이 맞는지 확실하지 않습니다. 당신이 당신의 도구 모음에 스타일 이름 "사용자 정의"를 적용하는 것을 감안할 때, 아마도이 당신을 위해 작동합니다 :

@import "../valo/valo.scss"; 

@mixin mytheme { 
    @include valo; 

    @include valo-menubar($primary-stylename: v-menubar-custom, $include-additional-styles: false); 
}

를 제외하고 그에서의 믹스 인 정의가 제대로 복사되지 않습니다. 끝에 중괄호 중괄호가 누락되었습니다. 마지막 @include 문 다음에 대시가 생기고 여러 다른 복사 오류가 발생합니다. 자세한 내용은 mixin documentation을 참조하십시오. 당신이 valo-menubar에 따라 사용자 정의 믹스 인을 만들려면

, 당신은 valo-menubar 이외의 다른 이름 (양호하게는 mytheme 믹스 인 외부와 별도의 파일)을 @mixin 키워드를 사용하여 별도로 정의 할 필요가 다음 @include을 위에서 설명한 것처럼.

희망이 도움이됩니다.

출처

2017-04-16 03:05:14

관련 문제

 관련 문제