vue3 isCustomElement определяет компонент как компонент vue

Question

Я пытаюсь заставить веб-компонент работать с vitejs.

компонент, который я пытаюсь использовать: https://www.webcomponents.org/element/input-knob

Я сделал, как описано в документации.

установить и настроить @vitejs/plugin-vue

https://github.com/vitejs/vite/tree/main/packages/plugin-vue#vitejsplugin-vue-

инициировать настройку в config. (Я также попытался просто поместить настраиваемый элемент в main.jshttps://github.com/vitejs/vite/issues/1312

vite.config.js

      
import { VitePWA } from 'vite-plugin-pwa'
import vue from '@vitejs/plugin-vue'
export default {
  plugins: [
    VitePWA(),
    vue({
      template: {
        compilerOptions: {
          isCustomElement: tag => tag === 'input-knob'
        }
      }
    })
  ]
}

все еще получаю такое же предупреждение: хмурясь:

      app.config.isCustomElement = tag => tag.startsWith('input-')

console.log(app.config.isCustomElement('input-knob'))

main.js

      
import { createApp } from 'vue'
import App from './App.vue'
import './index.css'

const app = createApp(App);

app.config.isCustomElement = tag => tag.startsWith('input-')

console.log(app.config.isCustomElement('input-knob'))
app.mount('#app')

[Vue warn]: не удалось разрешить компонент: input-knob

журнал возвращает истину, поэтому я не уверен, где на самом деле проблема.

Answer 1

Проблема была в vite версии. Перенос его на vite2 исправляет это.

"vite": "^2.0.5"