株価のチャートを表示させるwebサイトを作成したいと思い、
trading-vue-jsのプラグインを利用しようと考えております。
Nuxt.jsを使用しており、インストールコマンドは、下記のように入れ、成功しております。
【インストールコマンド】
yarn add trading-vue-js
インストールしたのち、上記サイトに掲載されていたサンプルコードをもとに、
コードを下記のように作成しましたが、"trading-vue-js"をimport する段階で、
下記のようなエラーがでました。
【エラーメッセージ】Could not find a declaration file for module 'trading-vue-js'. 'c:/Users/naoyuki/nuxt-website-project/website-project/node_modules/trading-vue-js/dist/trading-vue.js' implicitly has an 'any' type.
Try npm install @types/trading-vue-js
if it exists or add a new declaration (.d.ts) file containing declare module 'trading-vue-js';
nuxt.config.jsのplugin 内に、plugins :[{sorce:'~/plugins/trading-vue-js'}]と入力してみましたが、ダメでした。
どうしたら、使用することができるのか、どなたかご教示いただけませんでしょうか?
Nuxt.js
1<template> 2 <trading-vue :data="this.$data"></trading-vue> 3</template> 4<script lang="ts"> 5import {Component,Vue} from 'nuxt-property-decorator' 6import TradingVue from 'trading-vue-js' 7 8@Component({components:{TradingVue}}) 9export default class extends Vue{ 10 data() { 11 return { 12 ohlcv: [ 13 [ 1551128400000, 33, 37.1, 14, 14, 196 ], 14 [ 1551132000000, 13.7, 30, 6.6, 30, 206 ], 15 [ 1551135600000, 29.9, 33, 21.3, 21.8, 74 ], 16 [ 1551139200000, 21.7, 25.9, 18, 24, 140 ], 17 [ 1551142800000, 24.1, 24.1, 24, 24.1, 29 ], 18 ] 19 } 20 } 21} 22</script>
あなたの回答
tips
プレビュー