Closed QuentinBibas closed 6 years ago
@QuentinBibas You need to run npm install for the project dependencies to be installed before running ng serve Hope that helps
same error, sadly
~/pialab# npm install
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.3 (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
up to date in 9.069s
[!] 23 vulnerabilities found [7073 packages audited]
Severity: 11 Low | 5 Moderate | 6 High | 1 Critical
Run `npm audit` for more detail
~/pialab# ng serve
Your global Angular CLI version (6.0.3) is greater than your local
version (1.7.4). The local Angular CLI version is used.
To disable this warning use "ng config -g cli.warnings.versionMismatch false".
Cannot read property 'length' of undefined
TypeError: Cannot read property 'length' of undefined
at createSourceFile (/root/pialab/node_modules/typescript/lib/typescript.js:15457:110)
at parseSourceFileWorker (/root/pialab/node_modules/typescript/lib/typescript.js:15389:26)
at Object.parseSourceFile (/root/pialab/node_modules/typescript/lib/typescript.js:15338:26)
at Object.createSourceFile (/root/pialab/node_modules/typescript/lib/typescript.js:15192:29)
at VirtualFileStats.getSourceFile (/root/pialab/node_modules/@ngtools/webpack/src/compiler_host.js:67:35)
at WebpackCompilerHost.getSourceFile (/root/pialab/node_modules/@ngtools/webpack/src/compiler_host.js:206:38)
at findSourceFile (/root/pialab/node_modules/typescript/lib/typescript.js:67909:29)
at processImportedModules (/root/pialab/node_modules/typescript/lib/typescript.js:68056:25)
at findSourceFile (/root/pialab/node_modules/typescript/lib/typescript.js:67937:17)
at processImportedModules (/root/pialab/node_modules/typescript/lib/typescript.js:68056:25)
at findSourceFile (/root/pialab/node_modules/typescript/lib/typescript.js:67937:17)
at processImportedModules (/root/pialab/node_modules/typescript/lib/typescript.js:68056:25)
at findSourceFile (/root/pialab/node_modules/typescript/lib/typescript.js:67937:17)
at processSourceFile (/root/pialab/node_modules/typescript/lib/typescript.js:67840:27)
at processRootFile (/root/pialab/node_modules/typescript/lib/typescript.js:67728:13)
at /root/pialab/node_modules/typescript/lib/typescript.js:67018:60
Right.Give us a bit of time to investigate we'll keep you posted
Hi.
Could you try the following manipulation and tell me if it works :
cp src/environments/environment.prod.ts.example src/environments/environment.dev.ts
You must change values of this file according to the backend configuration
Are you using our Symfony 4 backend https://github.com/pia-lab/pialab-back ?
just tried that, set version to "dev"
ng serve tried to compile, then bugged out at 90%
ng serve
Your global Angular CLI version (6.0.3) is greater than your local
version (1.7.4). The local Angular CLI version is used.
To disable this warning use "ng config -g cli.warnings.versionMismatch false".
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
Date: 2018-05-24T10:47:06.049Z
Hash: f8107b54f062813192f1
Time: 27903ms
chunk {inline} inline.bundle.js (inline) 3.85 kB [entry] [rendered]
chunk {main} main.bundle.js (main) 2.2 MB [initial] [rendered]
chunk {polyfills} polyfills.bundle.js (polyfills) 605 kB [initial] [rendered]
chunk {scripts} scripts.bundle.js (scripts) 1.3 MB [initial] [rendered]
chunk {styles} styles.bundle.js (styles) 471 kB [initial] [rendered]
chunk {vendor} vendor.bundle.js (vendor) 16.8 MB [initial] [rendered]
ERROR in /root/pialab/src/api/service/base.service.ts (13,32): Property 'api' does not exist on type '{ name: string; production: boolean; version: string; rollbar_key: string; }'.
ERROR in /root/pialab/src/app/services/authentication.service.ts (10,46): Property 'api' does not exist on type '{ name: string; production: boolean; version: string; rollbar_key: string; }'.
ERROR in /root/pialab/src/app/services/authentication.service.ts (11,45): Property 'date_format' does not exist on type '{ name: string; production: boolean; version: string; rollbar_key: string; }'.
ERROR in /root/pialab/src/app/authentication/authentication.component.ts (20,35): Property 'api' does not exist on type '{ name: string; production: boolean; version: string; rollbar_key: string; }'.
webpack: Failed to compile.
pialab-back is already installed and waiting
pialab back working ok :
GET http://localhost:8000/oauth/v2/token
<HTML><HEAD>
<TITLE>Erreur réseau</TITLE>
<SCRIPT LANGUAGE="JavaScript">
var table_eng = new Array();
var table_fr = new Array();
var table = new Array();
table_eng = ["none","unavailable","Abortion","Adult/Mature Content","Alcohol", "Alternative Sexuality/Lifestyles", "Alternative Spirituality/Belief", "Art/Culture", "Auctions", "Audio/Video Clips", "Blogs/Personal Pages", "Brokerage/Trading", "Business/Economy", "Charitable Organizations", "Chat/Instant Messaging", "Child Pornography", "Computers/Internet", "Content Servers", "Dynamic DNS Host", "Education", "Email", "Entertainment", "Extreme", "Financial Services", "For Kids", "Gambling", "Games", "Government/Legal", "Greeting Cards", "Hacking", "Health", "Humor/Jokes", "Illegal Drugs", "Informational", "Illegal/Questionable", "Internet Telephony", "Intimate Apparel/Swimsuit", "Job Search/Careers", "LGBT", "Malicious Sources", "Malicious Outbound Data/Botnets", "Media Sharing", "Military", "News/Media", "Newsgroups/Forums", "Non-viewable", "Nudity", "Online Meetings", "Online Storage", "Open/Mixed Content", "Pay to Surf", "Peer-to-Peer (P2P)", "Personals/Dating", "Phishing", "Placeholders", "Political/Activist Groups", "Pornography", "Potentially Unwanted Software", "Proxy Avoidance", "Real Estate", "Reference", "Religion", "Remote Access Tools", "Restaurants/Dining/Food", "Scam/Questionnable/Ilegal", "Search Engines/Portals", "Sex Education", "Shopping", "Social Networking", "Society/Daily Living", "Software Downloads", "Spam", "Sports/Recreation", "Suspicious", "TV/Video Streams", "Tobacco", "Translation", "Travel", "Uncategorized", "Vehicles", "Violence/Hate/Racism", "Weapons", "Web Advertisements", "Web Application", "Web Hosting"];
table_fr = ["Non Trouvée","Non Disponible","Avortement","Contenu Adulte/Mature", "Alcool", "Sexualité Alternative/Style de Vie", "Spiritualité Alternative/Croyance", "Art/Culture", "Enchères", "Audio/Clips Video", "Blogs/Pages Perso", "Courtage/Négoce", "Business/Economie", "Organisations Charitatives", "Chat/Messagerie Instantanée", "Pédophilie", "Informatique/Internet", "Serveurs de Contenu", "DNS dynamique", "Education", "Email", "Divertissement", "Extrème", "Services Financiers", "Pour les Enfants", "Jeux d'Argent", "Jeux", "Gouvernement/Juridique", "Cartes de Voeux","Hacking", "Santé", "Humour/Blagues", "Illégal/Médicaments", "Informations", "Illégal/Questionable", "Téléphonie Internet", "Habillement Intime/Maillot", "Recherche d'Emploi/Carrières", "LGBT", "Sources de malwares", "Données malicieuses sortantes/Botnets", "Partage de Données", "Militaire", "Nouvelles/Médias", "Groupes de discussion/Forums", "Non-visible", "Nudité", "Meetings en Ligne", "Stockage en Ligne", "Ouvert/Contenu Varié", "Payer pour Surfer", "Peer-to-Peer", "Personels/Dating", "Phishing", "Espaces", "Politiques/Groupes d'Activistés", "Pornographie", "Logiciel Potentiellement Indésirable", "Contournement de Proxy", "Immobilier", "Référence", "Religion", "Outils d'Accès Distant", "Restaurants/Nourriture", "Arnaque/Douteux/Illégal", "Moteurs de recherche/Portails", "Education Sexuelle", "Shopping", "Réseau Social", "Société/Vie Quotidienne", "Téléchargements de Logiciels", "Spam", "Sports/Loisirs", "Suspicieux", "TV/Streams Video", "Tabac", "Traduction", "Voyage", "Non Catégortisé", "Véhicules", "Violence/Haine/Racisme", "Armes", "Annonces Web", "Application Web", "Hebergement Web "];
var i = 1;
while(table_eng[i])
{ table[table_eng[i]]=table_fr[i];i++;}
</SCRIPT>
</HEAD>
<body bgcolor="#ff9900" text="#333333">
<big><strong></strong></big><BR>
<blockquote>
<TABLE border=0 cellPadding=1 width="80%">
<TR><TD>
<FONT size=6>
<big><b>Erreur réseau (dns_unresolved_hostname)</b></big>
</FONT>
<BR>
<BR>
</TD></TR>
<TR><TD>
Le nom de domaine que vous demandez "localhost" ne semble pas être valide.
</TD></TR>
<TR><TD>
</TD></TR>
<TR><TD>
<FONT SIZE=2>
<BR>
Si vous avez besoin d'aide, contactez votre support. Merci de leur transmettre les informations contenues sur <a href=http://aide.aphp.fr>la page d'aide</a>.
<BR><BR>
</FONT>
</TD></TR>
</TABLE>
</blockquote>
</BODY></HTML>
You must create the environment file named environment.dev.ts
in order to angular to work.
Because angular will load it (see file https://github.com/pia-lab/pialab/blob/master/.angular-cli.json#L42)
Your backend does not seem sto work properly because of network configuration issue (seen Si vous avez besoin d'aide, contactez votre support. Merci de leur transmettre les informations contenues sur <a href=http://aide.aphp.fr>la page d'aide</a>.
).
nah, backend is ok, it's just that i didn't give any parameters to the GET command.
and as i said, environement.dev.ts was created and edited with version= dev
~/pialab# cat src/environments/environment.dev.ts
export const environment = {
name: 'production',
production: true,
version: 'dev',
rollbar_key: ''
};
Please compare the content of your file with this content : https://github.com/pia-lab/pialab/blob/master/src/environments/environment.ts#L12
You will see that, as the error shown, the node api
is missing in environment object.
So your environment.dev.ts
should have this content :
export const environment = {
name: 'production',
production: true,
version: 'dev',
rollbar_key: '',
api {
client_id: 'THE CLIENT ID PICKED FROM PIALAB BACKEND',
client_secret: 'THE SECRET PICKED FROM PIALAB BACKEND',
host: 'THE HOST/URL OF THE PIALAB BACKEND',
token_path: '/oauth/v2/token'
}
};
@QuentinBibas : Is the front is working now ?
[Edit] For the moment, the master
branch works only if the authenticated user has role ROLE_ADMIN
.
The master
branch is not stable at this point and will have a new tag soon when roles and permissions will be stabilized.
i'm giving up on PIA altogether. I've tried setting it up either with the main PIA branch or this one for 2 weeks now, nothing works. the law passes tomorrow, but none of the tools are ready in any shape of form, it's a nice disaster on CNIL's part.
anyways, what i've come to : back end works i've set it to 127.0.0.1 as localhost tries to go throught the corp proxy
~/pialab# GET http://localhost:8000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="/assets/img/favicon.png" />
<title>
PIA User Management </title>
<link rel="stylesheet" href="/assets/css/semantic-superhero.min.css"/>
<link rel="stylesheet" href="/assets/css/styles.css"/>
<script src="/assets/js/jquery.min.js"></script> </head>
<body >
<div class="ui middle aligned center aligned grid">
<div class="column" style="transform: translateY(75%); max-width:400px">
<h2 class="ui image">
<img src="/assets/img/pia-lab.png" class="image">
</h2>
<form class="ui large form" action="/login_check" method="post">
<div class="ui stacked segment">
<div class="field">
<div class="ui left icon input">
<i class="user icon"></i>
<input type="text" name="_username" placeholder="E-mail address">
</div>
</div>
<div class="field">
<div class="ui left icon input">
<i class="lock icon"></i>
<input type="password" name="_password" placeholder="Password">
</div>
</div>
<input type="hidden" name="_csrf_token" value="IVfzsrbkQ7MiA81CZm6QH1XR9FzvZjASGX3Ub_L33-Y"/>
<input type="checkbox" id="remember_me" name="_remember_me" value="on" />
<label for="remember_me">Rester connecté</label>
<button type="submit" name="_submit" class="ui fluid large blue submit button" onclick="this.closest('form').submit()">Login</button>
</div>
</form>
</div>
</div>
root@pia-lab-00:~/pialab# cat src/environments/environment.prod.ts
export const environment = {
name: 'production',
production: true,
version: '1.6.0',
rollbar_key: ''
api {
client_id: '1_2m2ef8riatkwwww0wcwo4888ogsk84wwks4so0scc8ggkg4wkw',
client_secret: '35tpnu29c46ckss008k4w0o8wgkg4wcsc48swoskskoc88kgcc',
host: '127.0.0.1:8000',
token_path: '/oauth/v2/token'
}
};
ng build --prod still bugs at the same exact step, being "chunk assets processing"
/pialab# ng build --prod
Your global Angular CLI version (6.0.3) is greater than your local
version (1.7.4). The local Angular CLI version is used.
To disable this warning use "ng config -g cli.warnings.versionMismatch false".
@angular/compiler-cli@4.4.7 requires typescript@'>=2.1.0 <2.4.0' but 2.4.2 was found instead.
Using this version can result in undefined behaviour and difficult to debug problems.
Please run the following command to install a compatible version of TypeScript.
npm install typescript@'>=2.1.0 <2.4.0'
To disable this warning run "ng set warnings.typescriptMismatch=false".
Date: 2018-05-24T14:48:04.868Z
Hash: 1c02d41af4acc076d98c
Time: 33112ms
chunk {scripts} scripts.42df424e76703f0201d1.bundle.js (scripts) 519 kB [initial] [rendered]
chunk {0} polyfills.2b58010b88d06a3c15b2.bundle.js (polyfills) 64.8 kB [initial] [rendered]
chunk {1} main.9354336ad133f9ead4e6.bundle.js (main) 877 kB [initial] [rendered]
chunk {2} styles.a5aa95cf43297294488d.bundle.css (styles) 106 kB [initial] [rendered]
chunk {3} vendor.0652e3f966bfc5d7820c.bundle.js (vendor) 1.62 MB [initial] [rendered]
chunk {4} inline.31e1fb380eb7cf3d75b1.bundle.js (inline) 798 bytes [entry] [rendered]
ERROR in /root/pialab/src/environments/environment.ts (6,3): ',' expected.
ERROR in /root/pialab/src/environments/environment.ts (6,7): ':' expected.
ERROR in /root/pialab/src/app/services/authentication.service.ts (14,45): Property 'date_format' does not exist on type '{ name: string; production: boolean; version: string; rollbar_key: string; api: { client_id: stri...'.
ERROR in /root/pialab/src/environments/environment.prod.ts (6,3): ',' expected.
ERROR in /root/pialab/src/environments/environment.prod.ts (6,7): ':' expected.
The application is still under development.
So there are remaining bugs. But, in that case, you should check json/javascript/typescript syntax with a basic linter.
Your file is wrong, you're missing a colon in src/environments/environment.ts
line 6
after rollbar_key: ''
.
You're missing the key date_format
too.
So this is only a configuration problem and a partial copy paste.
Please pay attention about errors messages that are pretty explicit :
ERROR in /root/pialab/src/environments/environment.ts (6,3): ',' expected.
ERROR in /root/pialab/src/environments/environment.ts (6,7): ':' expected.
ERROR in /root/pialab/src/app/services/authentication.service.ts (14,45): Property 'date_format' does not exist on type '{ name: string; production: boolean; version: string; rollbar_key: string; api: { client_id: stri...'.
ERROR in /root/pialab/src/environments/environment.prod.ts (6,3): ',' expected.
ERROR in /root/pialab/src/environments/environment.prod.ts (6,7): ':' expected.
Summary
When trying to start ng serve after installing node.js and angular/CLI globally, the command gives out many errors, including a wrong version type
Steps to reproduce
on any new Ubuntu 16.04 LTS install (which was the suggested OS for original PIA-front) :
Expected behavior
no clue what should happen start a server in dev mode ?
Actual behavior
versions
ubuntu server 16.04 LTS (minimal install) nvm 8.11.2 node 8.11.2 npm 5.10.2 angular/cli 6.0.3