EsLint airbnb-base импорт / нет неразрешенных - PullRequest
0 голосов
/ 17 мая 2019

Я создал проект, используя Vue-cli, и я решил добавить конфигурацию lint по умолчанию.Я не уверен, почему, когда я запускаю команду lint, я получаю следующее:

ошибка: невозможно разрешить путь к модулю '@ / components / HelloWorld.vue' (import / no-неразрешенный) в src / views / Home.vue: 10: 24:

Вот мой вид Home:

<template>
  <div class="home">
    <HelloWorld></HelloWorld>
    Home
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";

export default {
  name: "home",
  components: {
    HelloWorld,
  },
};
</script>

вот мой компонент HelloWorld

<template>
  <div>Dea Formazione - registrazione</div>
</template>

<script>
export default {
  name: "HelloWorld",
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss"></style>

вот мой конфиг eslint:

{
  "env": {
    "node": true,
    "browser": true,
    "es6": true
  },
  "extends": ["airbnb-base", "plugin:vue/essential", "@vue/prettier"],
  "globals": {
    "Atomics": "readonly",
    "SharedArrayBuffer": "readonly"
  },
  "parserOptions": {
    "extends": "standard"
  },
  "rules": {},
  "settings": {
    "import/resolver": {
      "node": {
        "paths": ["src"],
        "extensions": [".js", ".jsx", ".vue"]
      }
    }
  }
}

Что-то не так?

1 Ответ

0 голосов
/ 17 мая 2019

Вы можете решить эту проблему, установив следующую библиотеку:

npm install eslint-import-resolver-webpack

И добавьте следующий параметр в свои настройки в файле eslintrc, под файлом "node":

"webpack" : {
    "config": "path/to/setup/webpack.config.js"
}

Который будет обрабатывать ваш файл webpack.config.js, чтобы узнать, какую конфигурацию вы используете в проекте.

...