Включить встроенное приложение vue. js (файлы дистрибутивных файлов) в другое приложение Nuxt. js - PullRequest
Новая
       45

Включить встроенное приложение vue. js (файлы дистрибутивных файлов) в другое приложение Nuxt. js

0 голосов
/ 15 апреля 2020

Я планирую обновить веб-сайт (Yii2-приложение), используя nuxt. js, на этом сайте есть несколько приложений, созданных в vue. js. я решил обновить весь сайт, используя nuxt. js.

Поэтому я просто хочу импортировать встроенный vue -app (index. html, js, css папка) в nuxt. js Страница приложений. Я попытался использовать 'html -loader' и импортировать файл индекса. html на одной странице, например:

page. vue file: 

    <template>
      ...
      ...
      <div class="col-md-12">
         <generated-app />
      </div>
    </template>

    <script>
    import generatedApp from '~/static/generated-app/index.html'

    export default {
      components: {
        generatedApp
      }
    }
    </script>

nuxt. config. js file: 

build: {
/*
** You can extend webpack config here
*/
  extend (config, ctx) {

    config.module.rules.push(
      {
        test: /\.html$/,
        loader: 'html-loader'
      }
    )
  }
}

сообщение об ошибке: "[Vue warn]: неверное определение компонента:

если кто-то сделал что-то подобное, пожалуйста, помогите мне, это хорошая идея использовать html -loader или даже имеет смысл подключать vue -app к nuxt. js приложение ??

Спасибо!

...