Solucionado (ver solução)
Solucionado
(ver solução)
9
respostas

A pasta js não é gerada para mim (JÁ TENTEI TODAS AS DICAS DO FÓRUM)

No meu prompt de comando aparece o erro igual o do professor, mais mesmo assim não é criada a pasta js. Fiz o mesmo procedimento que o professor ensinou e um arquivo 'package-lock.json' foi criado e no tutorial que ele explica não é criada essa pasta, não sei se isso influencia, devo excluir a pasta? Já fiz e refiz algumas vezes o procedimento ensinado em video, desinstalei e instalei o node e VScode. Se conseguirem me ajudar agradeço.

package-lock.json

{
  "name": "alurabank",
  "version": "1.0.0",
  "lockfileVersion": 1,
  "requires": true,
  "dependencies": {
    "typescript": {
      "version": "2.3.2",
      "resolved": "https://registry.npmjs.org/typescript/-/typescript-2.3.2.tgz",
      "integrity": "sha1-8PBF4Zb2mnLwayX9O9OdAcPOmYQ=",
      "dev": true
    }
  }
}

package.json

{
  "name": "alurabank",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "compile": "tsc"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "typescript": "^2.3.2"
  }
}

tsconfig.json

{
  "compilerOptions": {
    "target": "es6",
    "outDir": "app/js"
  },
  "include": [
    "app/ts/**/*"
  ]
}
9 respostas

Fala aí Anderson, tudo bem? O arquivo package-lock.json não vai influenciar nesse problema, ele foi adicionado nas versões mais novas do npm para controlar as versões das bibliotecas instaladas no projeto. Provavelmente no curso não apareceu pois não era uma versão do npm na qual já havia ele.

O package.json e tsconfig.json parecem estar corretos, qual comando você executando no terminal e qual a resposta dele?

Fico no aguardo.

Dentro da pasta alurabank, executei o comando 'npm init ' e foi criado package-lock.json e package.json. Usei o comando 'npm install typescript@2.3.2 --save-dev' para instalar o typescript como o professor sugere, na sequência apareceu uma pasta 'node_modules', até ai tudo bem. Renomeei a pasta 'js' para 'ts' e mudei as extensões dos arquivos 'Negociacao.js' e 'app.js' para 'Negociacao.ts' e 'app.ts'. Adicionei o "compile": "tsc" no package.json, salvei tudo e fechei o VScode e abri novamente. E executei o comando ' npm run compile'.

Observação: no index.html os scripts estão declarados assim :

<script src="js/app.js"></script>
    <script src="js/models/Negociacao.js"></script>

Deu o seguinte erro no terminal :

Windows PowerShell
Copyright (C) 2016 Microsoft Corporation. Todos os direitos reservados.

PS C:\Users\x039426.SF\Desktop\alurabank> npm run compile

> alurabank@1.0.0 compile C:\Users\x039426.SF\Desktop\alurabank
> tsc

Version 2.3.2
Syntax:   tsc [options] [file ...]

Examples: tsc hello.ts
          tsc --outFile file.js file.ts
          tsc @args.txt

Options:
 -h, --help                                         Print this message.
 --all                                              Show all compiler options.
 -v, --version                                      Print the compiler's version.
 --init                                             Initializes a TypeScript project and creates a tsconfig.json file.
 -p FILE OR DIRECTORY, --project FILE OR DIRECTORY  Compile the project given the path to its configuration file, or to a folder with a 'tsconfig.json'. --pretty                                           Stylize errors and messages using color and context (experimental).
 -w, --watch                                        Watch input files.
 -t VERSION, --target VERSION                       Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', or 'ESNEXT'.
 -m KIND, --module KIND                             Specify module code generation: 'commonjs', 'amd', 'system', 'umd' or 'es2015'.
 --lib                                              Specify library files to be included in the compilation:
                                                      'es5' 'es6' 'es2015' 'es7' 'es2016' 'es2017' 'esnext' 'dom' 'dom.iterable' 'webworker' 'scripthost' 'es2015.core' 'es2015.collection' 'es2015.generator' 'es2015.iterable' 'es2015.promise' 'es2015.proxy' 'es2015.reflect' 'es2015.symbol' 'es2015.symbol.wellknown' 'es2016.array.include' 'es2017.object' 'es2017.sharedmemory' 'es2017.string' 'esnext.asynciterable'
 --allowJs                                          Allow javascript files to be compiled.
 --jsx KIND                                         Specify JSX code generation: 'preserve', 'react-native', or 'react'.
 -d, --declaration                                  Generates corresponding '.d.ts' file.
 --sourceMap                                        Generates corresponding '.map' file.
 --outFile FILE                                     Concatenate and emit output to single file.
 --outDir DIRECTORY                                 Redirect output structure to the directory.
 --removeComments                                   Do not emit comments to output.
 --noEmit                                           Do not emit outputs.
 --strict                                           Enable all strict type-checking options.
 --noImplicitAny                                    Raise error on expressions and declarations with an implied 'any' type.
 --strictNullChecks                                 Enable strict null checks.
 --noImplicitThis                                   Raise error on 'this' expressions with an implied 'any' type.
 --alwaysStrict                                     Parse in strict mode and emit "use strict" for each source file.
 --noUnusedLocals                                   Report errors on unused locals.
 --noUnusedParameters                               Report errors on unused parameters.
 --noImplicitReturns                                Report error when not all code paths in function return a value.
 --noFallthroughCasesInSwitch                       Report errors for fallthrough cases in switch statement.
 --types                                            Type declaration files to be included in compilation.
 @<file>                                            Insert command line options and files from a file.
PS C:\Users\x039426.SF\Desktop\alurabank>

Boa noite, Anderson! Como vai?

Vc poderia compartilhar o seu projeto no github e mandar o link aqui? Assim poderemos verificar o que está acontecendo para tentar te ajudar!

Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!

Boa noite, Gabriel.

Eu tenho Github mais nunca fiz nada nele, eu fiz umas pesquisas aqui de como fazer isso e acredito que consegui subir o projeto para o Git e que esse seja o link: https://github.com/andilegal/alurabank.git . Muito obrigado pela ajuda.

Dei uma olhada no repositório Anderson, reparei que você subiu um .rar, quando na verdade deveria ter subido o projeto completo para o GH e não .rar.

Eu uso mac aqui e estou sem programas para descompatar esse tipo de arquivo.

Tente subir o projeto sem estar compactado, assim por exemplo: https://github.com/mahenrique94/video-gerenciando-estado-vuex

Ou se o Gabriel conseguir nesse tempo ver o projeto e te ajudar.

Abraços

Boa tarde, Matheus.

Coloquei novamente o projeto no ar, acredito que agora de forma correta. Obrigado.

link: https://github.com/andilegal/alurabank.git

solução!

Fala aí Anderson, o problema é porque você não criou o arquivo tsconfig.json na raiz do projeto:

tsconfig.json:

{
    "compilerOptions": {
        "target": "es6",
        "outDir": "app/js"
    },
    "include": [
        "app/ts/**/*"
    ]
}

Sem ele o compilador do TypeScript não sabe o que precisa ser feito, teria como passar via linha de comando essas configurações, mas, comumente a gente configura o tsconfig.json.

Espero ter ajudado.

Boa tarde, Matheus.

Muito obrigado pela ajuda cara, era exatamente o que me disse.

Magina, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.