Как исправить «Обнаружено несколько экземпляров Vue!» с посылкой. js и bootstrap - vue - PullRequest
Новая
       19

Как исправить «Обнаружено несколько экземпляров Vue!» с посылкой. js и bootstrap - vue

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

Как мне решить предупреждение multiple instances of vue detected!, пожалуйста?

Мой индекс. html файл 

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style/cssreset.css">
    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap-reboot.css">
    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css"> 
    <link rel="stylesheet" href="../node_modules/bootstrap-vue/dist/bootstrap-vue.css">
    <link rel="stylesheet" href="style/main.css">
</head>

<body>  
    <div class='app' id='app'>
    </div>
    <script src="code/app.js"></script>
</body>
</html>

Мое приложение. js Файл: 

import Vue from '../../node_modules/vue/dist/vue.common'
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'

Vue.use(BootstrapVue)
Vue.use(IconsPlugin)

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

const app = new Vue
({
    el: '#app',
    data: {
      message: 'Hello Vue!'
    }
})

и мой пакет. json Файл имеет это (что, кажется, не имеет значения): 

  "alias": {
    "vue" : "./node_modules/vue/dist/vue.common.js"
  },

1 Ответ

1 голос
/ 26 апреля 2020

Поле псевдонима в пакете. json необходимо изменить на "vue": "/../node_modules/vue/dist/vue.common.js". Parcel не будет жаловаться на неправильное поле псевдонима при компиляции, поэтому вам нужно быть очень осторожным, указав правильный путь самостоятельно, в зависимости от папки root вашей команды сборки.

...