时间戳

首页 > 解决方案 > Vue.js 错误“应用程序”被分配了一个值，但从未使用过 no-unused-vars

javascript - Vue.js 错误“应用程序”被分配了一个值，但从未使用过 no-unused-vars

问题描述

**“10:7 error 'app' is assigned a value but never used no-unused-vars” 我知道由于这个原因有一些类似的问题。但我不知道为什么我的代码根本不起作用。

所以错误出现在 main.js 文件的第 10 行。我以为我正在使用带有 el:'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')

几天以来，我真的很挣扎。如果有人可以提供帮助，我会很高兴谢谢

标签： javascripthtmlvue.jsvuejs2vuetify.js

解决方案

您可以添加/* exported variableName */以忽略 eslint，因为您在文件之外使用 app 变量

所以在你的应用变量上面添加/* exported app */

阅读更多https://eslint.org/docs/rules/no-unused-vars

将 main.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

推荐阅读