Eslint and Vite errors after scaffolding new react project

Aberta
#5,015 1 comentário 1 reação 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
35/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
eslint, react, typescript, vite
Domínio
cli, frontend, tooling

Direção de pesquisa

Reproduza o problema com ionic start, escolhendo React com o menu lateral, e depois inspecione o .eslintrc.js, vite.config e os arquivos TSX gerados. Compare a configuração gerada com o aplicativo React padrão do Vite e verifique se os erros relatados de ESLint, ESM e TypeScript não ocorrem mais.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

triage

Description:

After creating new project using ionic-cli some error messages were discovered

  1. Error [ERR_REQUIRE_ESM]: Cannot read config file: //.eslintrc.js
  2. TS2345: Argument of type '{ plugins: PluginOption[][]; test: { globals: boolean; environment: string; setupFiles: string; }; }' is not assignable to parameter of type 'UserConfigExport'.
  3. ESLint: Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

Steps to Reproduce:
ionic start -> choose react with side menu -> check tsx files and vite.config

Possible solutions

  1. rename .eslintrc.js to .eslintrc.cjs
  2. take eslint config and eslint plugins from default vite react app (yarn create vite)
Linguagem predominante
TypeScript
Estrelas
2k
Forks
681
Nenhum PR com merge em 30d

Guia de contribuição

Abrir o guia de contribuição

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de ionic-team/ionic-cli

Todas as issues de ionic-team/ionic-cli

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.