小编jed*_*atu的帖子

在 Nuxt JS 中导入 SVG 时,Jest 中出现“[Vue warn]:无效的组件定义”

当我在正在测试的组件中导入 SVG 时,我的 Jest 单元测试中仅出现错误:

console.error node_modules/vue/dist/vue.common.dev.js:630
    [Vue warn]: Invalid Component definition: 

    found in

    ---> <Navbar>
           <Root>
Run Code Online (Sandbox Code Playgroud)

错误消息有点模糊,但当我删除 SVG 文件的导入时,它消失了,所以我假设如下所示的 SVG 导入是原因:

SVG 导入代码

我找到了 VueJS 的解决方案,涉及修改“vue.config.js”,如下面的链接所示,但它似乎不适用于 NuxtJS,因为那里没有这样的配置文件。我尝试在“nuxt.config.js”中执行此操作,但没有任何反应。

SVG 加载 vue-svg-loader;[Vue warn]:无效的组件定义

我的 SVG 加载器是“nuxt-svg-loader”。我的预感是 VueJS 不支持此模块,并且我的测试使用“vue/test-utils”中的“shallowMount”,它运行 VueJS 而不是 NuxtJS。

任何想法将不胜感激。

javascript svg vue.js nuxt.js

5
推荐指数
1
解决办法
1945
查看次数

标签 统计

javascript ×1

nuxt.js ×1

svg ×1

vue.js ×1