模块构建失败：错误：ELOOP：遇到太多符号链接

Question

我是Vue.js的初学者。我试图在“ localhost 8080”上打开一个项目，但是当我输入“ npm run dev”并进入浏览器时，我什么也不显示，并且出现此错误。我在互联网上发现它可能与node.js版本不匹配。我试图将节点版本降级到v11.13.0，但没有任何帮助。

Screenshot of error

    Failed to compile.

./node_modules/axios/index.js
Module build failed: Error: ELOOP: too many symbolic links encountered, open '/home/andrey/Документы/blog/blog/node_modules/axios/index.js'
 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/Pagination.vue 42:0-26
 @ ./src/Pagination.vue
 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

我的代码：

    <template>
  <div id="app">
      <div class="smallfon">
        <div class="blocktwitter"><img src="src/assets/twitter.png"  class="twitter"/></div>
        <div class="addTextPost">Add a post</div>
        <input type="text" v-model="createTitle" class="created"/>
        <input type="text" v-model="createBody" class="created"/>
        <div><button  @click="addPost()" class="addPost">AddPost</button></div>
      <div class="post1">
        <div class="yourPosts">Your Posts</div>
        <input type="text" v-model="search" autofocus />
        <ul>
          <li v-for="(post, index) of filteredAndOrdered" class="post">
            <p><span class="boldText">Title:</span> {{ post.title }}</p>
            <p><span class="boldText">Content:</span> {{ post.body }}</p>
            <button  @click="deleteData(index, post.id)" class="buttonDelete">Delete</button>
            <button @click="visiblePostID = post.id" class="buttonChange">Change</button>
            <div v-if="visiblePostID === post.id" class="modalWindow">
            <div><input  v-model="post.title" class="changePost"><input  v-model="post.body" class="changePost"></div>
            <button type="button" @click="changePost(post.id, post.title, post.body)" class="apply">To apply</button>
          </div>
          </li>
        </ul>
        <div class="allpagination">
          <button type="button" @click="page -=1" v-if="page > 0" class="prev"><<</button>
      <div class="pagin">
        <button class="item"
                v-for="n in evenPosts"
                :key="n.id"
                v-bind:class="{'selected': current === n.id}"
                @click="page=n-1">{{ n }} </button>
      </div>
          <button type="button" @click="page +=1" class="next" v-if="page < evenPosts-1">>></button>
        </div>

      </div>
      </div>
    </div>
</template>

<script>
  import axios from 'axios';
  export default {
    el: "#app",
    data () {
      return {
        search: '',
        current: null,
        page: 0,
        posts: [],
        createTitle: '',
        createBody: '',
        visiblePostID: '',
        }
      },
      watch: {
        counter: function(newValue, oldValue) {
          this.getData()
        }
      },
      created(){
        this.getData()
      },
      computed: {
        evenPosts: function(posts){
          return Math.ceil(this.posts.length/10);
        },
        paginatedData() {
          const start = this.page * 10;
          const end = start + 10;
          return _.orderBy(this.posts.slice(start, end), 'name');
        },
        filteredPosts() {
          return this.posts.filter((post) => {
            return post.title.match(this.search);
          });
        },
        filteredAndOrdered: function() {
          const filtered = this.posts.filter(post =>
             post.title.match(this.search)
          );
          const start = this.page * 10;
          const end = start + 10;
          return _.orderBy(this.posts.slice(start, end), 'name');
        }
      },
      methods: {
      setCurrent: function(id) {
        this.current = id;
      },
      getData() {
        axios.get(`https://jsonplaceholder.typicode.com/posts`).then(response => {
          this.posts = response.data
        })
      },
      deleteData(index, id) {
        axios.delete('http://jsonplaceholder.typicode.com/posts/' + id)
            .then(response => {
              console.log('delete')
                this.posts.splice(index, 1);
              })
              .catch(function(error) {
                console.log(error)
              })
            },
            addPost() {
              axios.post('http://jsonplaceholder.typicode.com/posts/', {
                title: this.createTitle,
                body: this.createBody
              }).then((response) => {
                this.posts.unshift(response.data)
              })
            },
            changePost(id, title, body) {
              axios.put('http://jsonplaceholder.typicode.com/posts/' + id, {
                title: title,
                body: body
              })
            },
    }
    }
</script>