如何在nuxt.js中安装trading vue-js插件？

Question

我尝试使用nuxt.js和像Tradingview.com这样的贸易-vue-js插件来制作网站。

因此，我在我的项目中安装了tried vue-js插件，并尝试编写代码。但它没有工作，错误发生在‘贸易-vue-js’的进口部分。错误消息在下面。

错误消息找不到模块‘trading vue-js’的声明文件。'c:/Users/naoyuki/nuxt-website-project/website-project/node_modules/trading-vue-js/dist/trading-vue.js‘隐式地具有“任意”类型。如果存在npm install @types/trading-vue-js，可以尝试使用它，或者添加一个新的声明(.d.ts)文件，其中包含‘`declare模块’交易-vue-js‘；

我不擅长英语。所以我试着把那个代码

插件：{sorce：‘~/ plugins /trading vue-js’}

敬nuxt.config.js。但没起作用。有人建议我吗？我的密码在下面。

    <template>
    <trading-vue :data="this.$data"></trading-vue>    
</template>
<script lang="ts">
import {Component,Vue} from 'nuxt-property-decorator'
import TradingVue from 'trading-vue-js'

@Component({components:{TradingVue}})
export default class extends Vue{
    data() {
        return {
            ohlcv: [
                [ 1551128400000, 33,  37.1, 14,  14,  196 ],
                [ 1551132000000, 13.7, 30, 6.6,  30,  206 ],
                [ 1551135600000, 29.9, 33, 21.3, 21.8, 74 ],
                [ 1551139200000, 21.7, 25.9, 18, 24,  140 ],
                [ 1551142800000, 24.1, 24.1, 24, 24.1, 29 ],
            ]
        }
    }
}
</script>

Answer 1

您需要遵循Nuxt插件流，以便在nuxt中实现vue插件。

第一npm install @types/trading-vue-js

然后创建一个文件plugins/tradingVue.js

在tradingVue.js中

import Vue from 'vue'
import TradingVue from '@types/trading-vue-js'

Vue.use(TradingVue)

最后在nuxt.config.js中

plugins: ['@/plugins/tradingVue.js']

您可以在Nuxt插件中阅读详细信息