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

Question

我尝试使用 nuxt.js 和 trading-vue-js 插件（如 Tradingview.com）制作网站。

所以我在我的项目中安装了 trading-vue-js 插件并尝试了 制作代码。但它不起作用，并且在“trading-vue-js”导入部分发生错误。错误信息如下。

[错误信息] 找不到模块“trading-vue-js”的声明文件。 'c:/Users/naoyuki/nuxt-website-project/website-project/node_modules/trading-vue-js/dist/trading-vue.js' 隐含了一个 'any' 类型。 尝试npm install @types/trading-vue-js（如果存在）或添加一个包含 `declare module 'trading-vue-js' 的新声明 (.d.ts) 文件；

我英语不好。所以我试图把那个代码

插件：[{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 Plugins阅读详细信息