1
resposta

Aqui estão alguns ajustes se você está tendo problemas

Tive de procurar um pouco como resolver alguns problemas antes de começar a assistir as aulas e tenho algumas soluções:

Parsing error: require() of ES Module...

Este problema resolvi indo no arquivo eslintrc e substituindo o conteudo da parserOption pelo abaixo

  parserOptions: {
    parser: '@babel/eslint-parser',
    "requireConfigFile": false
  },

mudei também a dev dependencies no package.json desta forma:

  "devDependencies": {
    "@vue/cli-plugin-babel": "^5.0.1",
    "@vue/cli-plugin-eslint": "^5.0.1",
    "@vue/cli-plugin-router": "^5.0.1",
    "@vue/cli-service": "^5.0.1",
    "@babel/eslint-parser": "^7.5.4",
    "eslint": "^8.9.0",
    "eslint-plugin-vue": "^8.5.0",
    "vue-template-compiler": "^2.6.10"
  }

digite o comando> npm i (está parcialmente resolvido pelo menos para mim)

Se o erro for este abaixo:

1:1  error  Component name "Gerente" should always be multi-word

basta ir novamente no eslintr.js e criar uma override, abaixo de parseOption desta forma:

....
parserOptions: {
    parser: '@babel/eslint-parser',
    "requireConfigFile": false
  },
  overrides: [
    {
      files: ['src/**/**/*.vue'],
      rules: {
        'vue/multi-word-component-names': 0,
      },
    },
  ],
  ...

Eu sei que é frustrante começar um curso onde tudo dá errado logo de cara, mas saber pesquisar faz parte do processo.

Não vamos ter sempre um instrutor dando tudo de bandeja pra gente..

Um abraço.

1 resposta

Boa Guaraci Barga Nascimento Falcão,

Gostei da solução que você propôs, afinal o resultado é o mesmo porém o código me parece muito mais robusto.

Para que mais pessoas consigam visualizar a sua solução proposta é recomendável com que você venha estar marcando este tópico como solucionado, assim pode estar ajudando ainda mais pessoas :)

Obrigado!!