Vue. js ошибка "приложению" присвоено значение, но он никогда не использовал no-unused-vars

Question

** «Ошибка 10: 7« приложению »присвоено значение, но он никогда не использовал no-unused-vars» Я знаю, что из-за этого возникает некоторый похожий вопрос. Но я не знаю, почему мой код вообще не работает.

Так что ошибка в основной. js строке 10. Я думал, что я использую свое "приложение" с el: 'app' или в экспорте ошибка с 'app'

У меня есть 2 файла

**App.vue:****






    <template>
      <div id="app" v-cloack>
        <img src="./assets/999.jpg">
        <h1>{{ msg }}</h1>
        <ul>
          <input type="file" ref="myFile" @change="selectedFile"><br/>
          <textarea v-model="text"></textarea>
      </div>
    </template>


    <script>
    //import HelloWorld from './components/HelloWorld';
    //import main from './main.js';
    export default {
      name: 'app',
      data: ()=> {
        //
          return{
              msg: 'Datei uploaden'

          }
      },
    }
    </script>

    <style>

    </style>'''





**main.js:**




    import Vue from 'vue'
    import App from './App.vue'
    import vuetify from './plugins/vuetify';

    Vue.config.productionTip = false
    Vue.config.devtools = false;
    export default {
      name: 'app',
      data: ()=> {
      var app;
      app =new Vue({

    el: '#app',
    vuetify,
    render: h => h(App),
    data: {
      text:''
    },

    methods:{
        selectedFile() {
          console.log('selected a file');
          console.log(this.$refs.myFile.files[0]);

          let file = this.$refs.myFile.files[0];
          if(!file || file.type !== 'text/plain') return;

          // Credit: https://stackoverflow.com/a/754398/52160
          let reader = new FileReader();
          reader.readAsText(file, "UTF-8");
          reader.onload =  evt => {
            this.text = evt.target.result;
          }
          reader.onerror = evt => {
            console.error(evt);
          }

        }
    }
  })
  }
}
//.$mount('#app')

Я действительно борюсь с несколько дней. Я был бы очень рад, если кто-нибудь может помочь Спасибо

Answer 1

Вы можете добавить /* exported variableName */, чтобы игнорировать eslint, поскольку вы используете переменную приложения вне вашего файла

, поэтому над переменной приложения добавьте /* exported app */

, чтобы узнать больше https://eslint.org/docs/rules/no-unused-vars

Изменить основной. js на этот код

import Vue from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify';

Vue.config.productionTip = false;
Vue.config.devtools = false;

var app = new Vue({
    el: '#app',
    vuetify,
    render: h => h(App),
    data: {
        text: ''
    },
    methods: {
        selectedFile() {
            console.log('selected a file');
            console.log(this.$refs.myFile.files[0]);

            let file = this.$refs.myFile.files[0];
            if (!file || file.type !== 'text/plain') return;

            // Credit: https://stackoverflow.com/a/754398/52160
            let reader = new FileReader();
            reader.readAsText(file, "UTF-8");
            reader.onload = evt => {
                this.text = evt.target.result;
            }
            reader.onerror = evt => {
                console.error(evt);
            }

        }
    }
})

export default app