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

Posted 2023-03-28

【中文标题】如何在 nuxt.js 中安装 trading-vue-js 插件？

【英文标题】：How to install trading-vue-js plugins in nuxt.js?

【发布时间】：2020-11-29 01:39:27

【问题描述】：

我尝试使用 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>

【参考方案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阅读详细信息

【讨论】：

感谢您的回答。我有使用纱线。所以我尝试了'yarn add @types/trading-vue-js'，但错误说'发生意外错误：“registry.yarnpkg.com/@types%2ftrading-vue-js：未找到”。 ' 在终端中。

如果我在 yarn 中安装 traiding-vue-js，你能教我安装代码吗？

谢谢我做到了！