1
resposta

Did not detect a `bs-config.json` or `bs-config.js` override file. Using lite-server defaults...

Quando configurei o compilador e executei com "npm run server", está dando o erro abaixo:

> alurabank@1.0.0 server
> lite-server --baseDir=dist

Did not detect a `bs-config.json` or `bs-config.js` override file. Using lite-server defaults...
** browser-sync config **
{
  injectChanges: false,
  files: [ './**/*.{html,htm,css,js}' ],
  watchOptions: { ignored: 'node_modules' },
  server: {
    baseDir: 'dist',
    middleware: [ [Function (anonymous)], [Function (anonymous)] ]
  }
}
[Browsersync] Access URLs:
 --------------------------------------
       Local: http://localhost:3000
    External: http://192.168.0.106:3000
 --------------------------------------
          UI: http://localhost:3001
 UI External: http://localhost:3001
 --------------------------------------
[Browsersync] Serving files from: dist
[Browsersync] Watching files...
23.08.03 18:18:57 304 GET /index.html
23.08.03 18:18:57 304 GET /css/bootstrap.css
23.08.03 18:18:57 404 GET /js/app.js

estou usando o node versão 16.13

tscofing.json

{
    "compilerOptions": {
        "outDir": "dist/js",
        "target": "ES5"
    },
    "include": ["app/**/*"]
}

Código do package.json

{
  "name": "alurabank",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "server": "lite-server --baseDir=dist",
    "start": "concurrently \"npm run watch\" \"npm run server\"",
    "compiler":"tsc"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "concurrently": "^6.0.0",
    "lite-server": "^2.6.1",
    "typescript": "^4.2.2"
  }
}
1 resposta

Oi Vanessa, tudo bem contigo?

O erro que você está enfrentando parece ser relacionado à ausência do arquivo app.js na pasta dist/js, que está sendo referenciado pelo index.html quando você acessa a página através do lite-server.

O problema provavelmente ocorre porque o TypeScript não está compilando corretamente os arquivos da pasta app para a pasta dist/js.

Verifique algumas coisas para solucionar o problema:

  1. Certifique-se de que você tem arquivos TypeScript (.ts) na pasta app do seu projeto. Por exemplo, você pode ter um arquivo app.ts ou app.js lá.

  2. Verifique se o script de compilação do TypeScript está configurado corretamente no package.json. O comando compiler é usado para chamar o TypeScript para compilar os arquivos .ts e gerar os arquivos .js na pasta dist/js. Para executar esse comando, você pode executar npm run compiler.

  3. Após a execução do script de compilação, verifique se o arquivo app.js foi gerado na pasta dist/js.

  4. Se você estiver usando a versão 4 do TypeScript, é recomendado atualizar a propriedade target para "ES6" ou superior, para aproveitar as funcionalidades mais recentes do JavaScript. Por exemplo, atualize a configuração em tsconfig.json:

{
    "compilerOptions": {
        "outDir": "dist/js",
        "target": "ES6"
    },
    "include": ["app/**/*"]
}

Se você estiver utilizando outras funcionalidades específicas do ES5, mantenha o target como "ES5", mas lembre-se de que isso restringirá as funcionalidades que você poderá usar.

Após confirmar que o TypeScript está compilando corretamente e o arquivo app.js está na pasta dist/js, você pode tentar executar novamente o servidor com npm run server.

Caso o problema persista, verifique se a estrutura do projeto está organizada corretamente e se o lite-server está devidamente configurado para servir os arquivos na pasta dist.

Se ainda assim encontrar problemas, por favor, compartilhe mais detalhes sobre a estrutura do seu projeto e o conteúdo dos arquivos TypeScript para que eu possa ajudá-lo de forma mais precisa.

Era isso, caso precise eu estarei por aqui.

Abraços e bons estudos.