Question

我想在我的项目中使用angular-chart，所以我已经用bower安装了chart.js和angular-chart js以及以下步骤

添加 .bowerrc

 {
   "resolvers": [
         "bower-npm-resolver"
   ]
 }

而不是

npm install -g bower-npm-resolver

bower install npm:chart.js --save

bower install --save angular-chart.js

我的 bower_components 文件夹中还有angular-chart.js和chart.js文件夹

|-- angular
|-- angular-chart.js
|-- chart.js

因为我没有在index.html中添加任何内容，所以当我在render.html中运行gulp serve组件js时，gulp会自动添加所有的bower（见下文）

   <script src="../bower_components/chart.js/src/chart.js"></script>
   <script src="../bower_components/angular-chart.js/dist/angular-chart.js"></script>

它在控制台

中出错

chart.js：4未捕获的ReferenceError：未定义require angular-chart.js：23未捕获的错误：Chart.js库需要包括在内，请参阅http://jtblin.github.io/angular-chart.js/

Answer 1

使用Bower安装后我遇到了同样的问题。

https://github.com/jtblin/angular-chart.js/issues/466中提出的解决方案是获取特定版本的chart.js和angular-chart.js（使用角度1.4.0进行测试）

修改您的bower.json文件以匹配这些版本：

"chart.js": "npm:chart.js#2.1.0",
"angular-chart.js": "1.0.1"

然后运行：bower uninstall angular-chart.js chart.js以卸载冲突的版本，最后运行bower install以安装所需的版本。

凉亭组件中的角度图和chartjs找不到对方

1 个答案: