我正在遵循本教程的第1部分。我已经到达“ 从Angular加载动态资源 ”这一节。按照教程中的说明,当我使用maven构建应用程序时mvn clean package,wro4j-maven-plugin无法生成angular-bootstrap.css,但成功生成了angular- bootstrap.js。我在mvn控制台中收到以下警告
mvn clean package
$ mvn clean package [INFO] Scanning for projects... [INFO] [INFO] ------------------------------------------------------------------------ [INFO] Building demo 0.0.1-SNAPSHOT [INFO] ------------------------------------------------------------------------ [INFO] [INFO] --- maven-clean-plugin:2.6.1:clean (default-clean) @ myDemo --- [INFO] Deleting E:\workspace\demo\target [INFO] [INFO] --- wro4j-maven-plugin:1.8.0:run (default) @ myDemo --- [INFO] E:\workspace\demo/src/main/wro [INFO] Executing the mojo: [INFO] Wro4j Model path: E:\workspace\demo\src\main\wro\wro.xml [INFO] targetGroups: null [INFO] minimize: true [INFO] ignoreMissingResources: null [INFO] parallelProcessing: false [INFO] buildDirectory: E:\workspace\demo\target [INFO] destinationFolder: E:\workspace\demo\target [INFO] jsDestinationFolder: E:\workspace\demo\target\classes\static\js [INFO] cssDestinationFolder: E:\workspace\demo\target\classes\static\css [INFO] The following groups will be processed: [angular-bootstrap] [INFO] folder: E:\workspace\demo\target\classes\static\css [INFO] processing group: angular-bootstrap.css [WARNING] Less warnings are: [WARNING] 0:2 Cannot link source map. Css result location is not know and could not be deduced from input less source.. [INFO] folder: E:\workspace\demo\target\classes\static\js [INFO] processing group: angular-bootstrap.js [INFO] file size: angular-bootstrap.js -> 240652 bytes [INFO] E:\workspace\demo\target\classes\static\js\angular-bootstrap.js (240652 bytes)
结果,当我运行该应用程序时,我得到了针对angular-bootstrap.css的404。请让我知道我要去哪里了。请在下面找到相关配置。
/demo/src/main/wro/wro.xml
<groups xmlns="http://www.isdc.ro/wro"> <group name="angular-bootstrap"> <css>webjar:bootstrap/3.3.7-1/less/bootstrap.less</css> <css>file:@project.basedir@/src/main/wro/main.less</css> <js>webjar:jquery/2.2.4/jquery.min.js</js> <js>webjar:angularjs/1.4.9/angular.min.js</js> <js>webjar:angularjs/1.4.9/angular-route.min.js</js> <js>webjar:angularjs/1.4.9/angular-cookies.min.js</js> </group> </groups>
/demo/src/main/wro/wro.properties
preProcessors=lessCssImport postProcessors=less4j,jsMin
/demo/src/main/wro/main.less [实际上此文件为空。]
/demo/pom.xml
<build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> </plugin> <plugin> <groupId>ro.isdc.wro4j</groupId> <artifactId>wro4j-maven-plugin</artifactId> <version>1.8.0</version> <executions> <execution> <phase>generate-resources</phase> <goals> <goal>run</goal> </goals> </execution> </executions> <configuration> <wroManagerFactory>ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory</wroManagerFactory> <cssDestinationFolder>${project.build.directory}/classes/static/css</cssDestinationFolder> <jsDestinationFolder>${project.build.directory}/classes/static/js</jsDestinationFolder> <wroFile>${basedir}/src/main/wro/wro.xml</wroFile> <extraConfigFile>${basedir}/src/main/wro/wro.properties</extraConfigFile> <contextFolder>${basedir}/src/main/wro</contextFolder> </configuration> <dependencies> <dependency> <groupId>org.webjars</groupId> <artifactId>jquery</artifactId> <version>2.2.4</version> </dependency> <dependency> <groupId>org.webjars</groupId> <artifactId>angularjs</artifactId> <version>1.4.9</version> </dependency> <dependency> <groupId>org.webjars</groupId> <artifactId>bootstrap</artifactId> <version>3.3.7</version> </dependency> </dependencies> </plugin> </plugins> </build>
我在用
Apache Maven 3.3.9 Java version: 1.8.0_111 spring-boot 1.4.2.RELEASE OS : windows 10
我尝试在mvn中使用–debug标志。我收到了此调试消息
[DEBUG] Created file: angular-bootstrap.css [DEBUG] No content found for group: angular-bootstrap.css
如下更改pom.xml中的引导程序版本后,此问题已解决
<dependency> <groupId>org.webjars</groupId> <artifactId>bootstrap</artifactId> <version>3.3.7-1</version> </dependency>
现在,angular-bootstrap.css已成功生成。