私が持っているAngularアプリケーション(WRO4Jで構築)にAngularJSチャートを追加しようとしています。ただし、次のエラーが発生するため、機能させることができません。
Uncaught ReferenceError: Chart is not defined(anonymous function) @ angular-bootstrap.js:15(anonymous function)
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.8/$injector/modulerr?p0=portfolio_manager&p…d%20(http%3A%2F%2Flocalhost%3A9999%2Fjs%2Fangular-bootstrap.js%3A2%3A90124)(anonymous function)
「Chart」は、app.js で定義したモジュールです。
angular.module('portfolio_manager', [ 'ngRoute','chart.js' ])
私の wro.xml は次のようになります。
<groups xmlns="http://www.isdc.ro/wro">
<group name="angular-bootstrap">
<css>webjar:bootstrap/3.2.0/less/bootstrap.less</css>
<css>file:${project.basedir}/src/main/wro/main.less</css>
<css>webjar:angular-chart.js/0.7.1/angular-chart.css></css>
<js>webjar:jquery/2.1.1/jquery.min.js</js>
<js>webjar:angularjs/1.3.8/angular.min.js</js>
<js>webjar:angularjs/1.3.8/angular-route.min.js</js>
<js>webjar:angularjs/1.3.8/angular-cookies.min.js</js>
<js>webjar:angular-chart.js/0.7.1/angular-chart.min.js</js>
<js>webjar:chartjs/1.0.2/Chart.js</js>
</group>
</groups>
そして、私の pom.xml の関連部分
<plugin>
<groupId>ro.isdc.wro4j</groupId>
<artifactId>wro4j-maven-plugin</artifactId>
<version>1.7.6</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}/generated-resources/static/css</cssDestinationFolder>
<jsDestinationFolder>${project.build.directory}/generated-resources/static/js</jsDestinationFolder>
<wroFile>${project.build.directory}/wro/wro.xml</wroFile>
<extraConfigFile>${basedir}/src/main/wro/wro.properties</extraConfigFile>
<contextFolder>${basedir}/src/main/wro</contextFolder>
<ignoreMissingResources>false</ignoreMissingResources>
</configuration>
<dependencies>
<dependency>
<groupId>org.webjars</groupId>
<artifactId>jquery</artifactId>
<version>2.1.1</version>
</dependency>
<dependency>
<groupId>org.webjars</groupId>
<artifactId>angularjs</artifactId>
<version>1.3.8</version>
</dependency>
<dependency>
<groupId>org.webjars</groupId>
<artifactId>bootstrap</artifactId>
<version>3.2.0</version>
</dependency>
<dependency>
<groupId>org.webjars</groupId>
<artifactId>angular-chart.js</artifactId>
<version>0.7.1</version>
</dependency>
<dependency>
<groupId>org.webjars</groupId>
<artifactId>chartjs</artifactId>
<version>1.0.2</version>
</dependency>
</dependencies>
</plugin>
私の index.html では、上記で定義した angular-bootstrap.js と css を WRO.xml ファイルにインポートしているだけです。
私が間違っていることについて何か考えはありますか?ありがとう!