ReferenceError: 导入外部js文件时未定义Vue

Posted

技术标签:

【中文标题】ReferenceError: 导入外部js文件时未定义Vue【英文标题】:ReferenceError: Vue is not defined when importing an external js file 【发布时间】:2021-02-05 15:19:57 【问题描述】:

我在我的 vue js 组件中使用这个包 https://github.com/hartwork/vue-tristate-checkbox 通过 yarn add hartwork/vue-tristate-checkbox 安装它

在我的 Vue js 组件中,我像这样导入它:

导入'vue-tristate-checkbox/vue_cycling_tristate_checkbox_native'

现在我运行测试:纱线测试

我收到“ReferenceError: Vue is not defined”的错误,所以我在这里手动导入它,就像这个 import Vue from 'vue' 只是为了测试用例。

在这个级别中,一切都运行良好,但测试却不行。

因为在导入 vue 实例后我又遇到了一个错误:

import Vue from 'vue'
       ^^^

SyntaxError: Unexpected identifier

我不知道有没有办法解决这个问题?

【问题讨论】:

【参考方案1】:

您需要安装库,但在自述文件中没有 npm install 命令。 也许你可以试试 npm install vue-tristate-checkbox

【讨论】:

我已经说过我使用yarn安装了它:yarn add hartwork/vue-tristate-checkbox 对不起,我的错。问题在于 Vue,而不是库。 没问题,是的,我想是的。我不确定

以上是关于ReferenceError: 导入外部js文件时未定义Vue的主要内容,如果未能解决你的问题,请参考以下文章

JS 模块 - ReferenceError: <function> 未定义

Uncaught ReferenceError: jQuery is not defined

为啥我在导入客户端库时收到 ReferenceError: self is not defined?

导入外部 js 文件时,Vue 3 纱线服务卡在 42%

尝试在 application.js 中导入 npm 包 (easyMDE) 时出错 - (未捕获的 ReferenceError:EasyMDE 未定义)

Electron 前端页面导入jQuery 出现错误Uncaught ReferenceError: jQuery is not defined