无法让 vue-google-charts 在浏览器模式下工作

Question

我开始学习 Vue.js 并且可以独立使用 Google 图表，但无法使 vue-google-charts 组件工作。我按照此处的说明包含了 vue.js 和 vue-google-charts.js https://github.com/devstark-com/vue-google-charts#browser，但图表未呈现并显示以下错误消息

Unknown custom element: <gchart>

示例可在此处查看https://jsfiddle.net/ugLc0zrj/

我做错了什么？

Answer 1

在控制台中你可以看到这个错误：

Cross-Origin Read Blocking (CORB) blocked cross-origin response https://raw.githubusercontent.com/devstark-com/vue-google-charts/master/dist/vue-google-charts.browser.js with MIME type text/plain. See https://www.chromestatus.com/feature/5629709824032768 for more details.

脚本未加载。其他人在使用 raw.githubusercontent.com 时遇到了类似的问题：Github issue- i couldn't use the component directly on browser

改用作者建议的 CDN link：https://unpkg.com/vue-google-charts@0.3.3/dist/vue-google-charts.browser.js

Working fiddle

无法让 vue-google-charts 在浏览器模式下工作

Cannot get vue-google-charts to work in browser mode

javascript

google-visualization

vue.js