1

我正在尝试将 AngularJS 图表添加到我拥有的 Angular 应用程序（使用 WRO4J 构建）。但是，当我收到这些错误时，我无法让它工作：

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)

“图表”是我在 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 中，我只是导入了上面在 WRO.xml 文件中定义的 angular-bootstrap.js 和 css。

知道我在做什么错吗？谢谢！

4

0 回答 0