Javascript 无法使vue google图表在浏览器模式下工作

Javascript 无法使vue google图表在浏览器模式下工作,javascript,vue.js,google-visualization,Javascript,Vue.js,Google Visualization,我开始学习Vue.js,可以独立使用谷歌图表,但无法让Vue谷歌图表组件正常工作。根据这里的说明,我已经包括了vue.js和vue google charts.js,但该图表不会呈现并获得以下错误消息 Unknown custom element: <gchart> 未知自定义元素: 可以在这里查看示例 我做错了什么?在控制台中,您可以看到以下错误: Cross-Origin Read Blocking (CORB) blocked cross-origin response h

我开始学习
Vue.js
,可以独立使用谷歌图表,但无法让
Vue谷歌图表
组件正常工作。根据这里的说明,我已经包括了
vue.js
vue google charts.js
,但该图表不会呈现并获得以下错误消息

Unknown custom element: <gchart>
未知自定义元素:
可以在这里查看示例


我做错了什么?

在控制台中,您可以看到以下错误:

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时也有类似问题:

使用作者建议的CDN链接:
https://unpkg.com/vue-google-charts@0.3.3/dist/vue google charts.browser.js


在console中,您可以看到此错误:

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时也有类似问题:

使用作者建议的CDN链接:
https://unpkg.com/vue-google-charts@0.3.3/dist/vue google charts.browser.js


可能会对您有所帮助。可能会对你有所帮助。谢谢,在本地我没有使用外部URL,并得到相同的错误。但是,我看到您添加了一个
模板
属性,这似乎让一切都有所不同!我很想理解为什么需要这样做,但不管怎样,你都是一个传奇。@drjeep因为如果你把它直接放在HTML中,浏览器会处理它,它不知道什么是
元素,它需要被处理,产生的HTML应该通过
Vue.js
添加到DOM中,请告诉我是否清楚,或者我可以试着重新措辞,谢谢,在本地,我没有使用外部URL,并得到相同的错误。但是,我看到您添加了一个
模板
属性,这似乎让一切都有所不同!我很想理解为什么需要这样做,但不管怎样,你都是一个传奇。@drjeep因为如果你把它直接放在HTML中,浏览器会处理它,它不知道什么是
元素,它需要被处理,产生的HTML应该通过
Vue.js
添加到DOM中,请告诉我是否清楚,或者我可以试着重新措辞`