Discussion :

[Gluups]

Bonjour tout le monde,

Dans un site Angular, quand la console affiche quelque chose comme ça :

ERROR Error: Uncaught (in promise): InvalidCharacterError: String contains an invalid character

On peut éplucher son code pour vérifier si vraiment on assume tout ce qu'on a tapé, ou si quelque part on n'aurait pas oublié de fermer une accolade.

Est-ce que des fois il n'y aurait pas un peu plus direct ?
Moyen de savoir au moins dans quel fichier ça se passe ?

Parce que la console me dit que c'est dans core.js, et de ça je doute.

[krakatoa]

il y a que ça ?

tu peux mettre toute l'erreur stp

[Gluups]

ERROR Error: Uncaught (in promise): InvalidCharacterError: String contains an invalid character
setAttribute@http://localhost:4200/vendor.js:47761:16
setUpAttributes@http://localhost:4200/vendor.js:11489:30
ɵɵelementStart@http://localhost:4200/vendor.js:22095:24
WeatherComponent_Template@http://localhost:4200/main.js:476:52
executeTemplate@http://localhost:4200/vendor.js:15515:19
renderView@http://localhost:4200/vendor.js:15324:28
renderComponent@http://localhost:4200/vendor.js:16585:15
renderChildComponents@http://localhost:4200/vendor.js:15183:24
renderView@http://localhost:4200/vendor.js:15349:34
create@http://localhost:4200/vendor.js:30404:23
createComponent@http://localhost:4200/vendor.js:18320:55
activateWith@http://localhost:4200/vendor.js:54385:40
activateRoutes@http://localhost:4200/vendor.js:51416:40
activateChildRoutes/<@http://localhost:4200/vendor.js:51367:18
activateChildRoutes@http://localhost:4200/vendor.js:51366:29
activate@http://localhost:4200/vendor.js:51294:14
activateRoutes/<@http://localhost:4200/vendor.js:51279:10
_next@http://localhost:4200/vendor.js:73449:35
next@http://localhost:4200/vendor.js:68954:18
_next@http://localhost:4200/vendor.js:75833:26
next@http://localhost:4200/vendor.js:68954:18
_next@http://localhost:4200/vendor.js:73455:26
next@http://localhost:4200/vendor.js:68954:18
notifyNext@http://localhost:4200/vendor.js:75509:26
_next@http://localhost:4200/vendor.js:68249:21
next@http://localhost:4200/vendor.js:68954:18
_next@http://localhost:4200/vendor.js:73455:26
next@http://localhost:4200/vendor.js:68954:18
subscribeToArray/<@http://localhost:4200/vendor.js:78373:20
_trySubscribe@http://localhost:4200/vendor.js:68410:25
subscribe@http://localhost:4200/vendor.js:68396:22
call@http://localhost:4200/vendor.js:73436:23
subscribe@http://localhost:4200/vendor.js:68391:31
subscribeToResult@http://localhost:4200/vendor.js:78491:23
_innerSub@http://localhost:4200/vendor.js:75485:115
_next@http://localhost:4200/vendor.js:75475:14
next@http://localhost:4200/vendor.js:68954:18
notifyNext@http://localhost:4200/vendor.js:75509:26
_next@http://localhost:4200/vendor.js:68249:21
next@http://localhost:4200/vendor.js:68954:18
_next@http://localhost:4200/vendor.js:73455:26
next@http://localhost:4200/vendor.js:68954:18
_next@http://localhost:4200/vendor.js:75833:26
next@http://localhost:4200/vendor.js:68954:18
notifyNext@http://localhost:4200/vendor.js:75509:26
_next@http://localhost:4200/vendor.js:68249:21
next@http://localhost:4200/vendor.js:68954:18
_next@http://localhost:4200/vendor.js:75833:26
next@http://localhost:4200/vendor.js:68954:18
notifyNext@http://localhost:4200/vendor.js:73694:26
_next@http://localhost:4200/vendor.js:68249:21
next@http://localhost:4200/vendor.js:68954:18
notifyNext@http://localhost:4200/vendor.js:73694:26
_next@http://localhost:4200/vendor.js:68249:21
next@http://localhost:4200/vendor.js:68954:18
subscribeToArray/<@http://localhost:4200/vendor.js:78373:20
_trySubscribe@http://localhost:4200/vendor.js:68410:25
subscribe@http://localhost:4200/vendor.js:68396:22
subscribeToResult@http://localhost:4200/vendor.js:78491:23
_innerSub@http://localhost:4200/vendor.js:73681:116
_tryNext@http://localhost:4200/vendor.js:73675:14
_next@http://localhost:4200/vendor.js:73658:18
next@http://localhost:4200/vendor.js:68954:18
_complete@http://localhost:4200/vendor.js:75658:29
complete@http://localhost:4200/vendor.js:68966:18
_complete@http://localhost:4200/vendor.js:75853:33
complete@http://localhost:4200/vendor.js:68966:18
_complete@http://localhost:4200/vendor.js:73689:30
complete@http://localhost:4200/vendor.js:68966:18
subscribeToArray/<@http://localhost:4200/vendor.js:78375:16
_trySubscribe@http://localhost:4200/vendor.js:68410:25
subscribe@http://localhost:4200/vendor.js:68396:22
call@http://localhost:4200/vendor.js:73643:23
subscribe@http://localhost:4200/vendor.js:68391:31
call@http://localhost:4200/vendor.js:75803:23
subscribe@http://localhost:4200/vendor.js:68391:31
call@http://localhost:4200/vendor.js:75628:23
subscribe@http://localhost:4200/vendor.js:68391:31
call@http://localhost:4200/vendor.js:73643:23
subscribe@http://localhost:4200/vendor.js:68391:31
subscribeToResult@http://localhost:4200/vendor.js:78491:23
_innerSub@http://localhost:4200/vendor.js:73681:116
_tryNext@http://localhost:4200/vendor.js:73675:14
_next@http://localhost:4200/vendor.js:73658:18
next@http://localhost:4200/vendor.js:68954:18
subscribeToArray/<@http://localhost:4200/vendor.js:78373:20
_trySubscribe@http://localhost:4200/vendor.js:68410:25
subscribe@http://localhost:4200/vendor.js:68396:22
call@http://localhost:4200/vendor.js:73643:23
subscribe@http://localhost:4200/vendor.js:68391:31
call@http://localhost:4200/vendor.js:75803:23
subscribe@http://localhost:4200/vendor.js:68391:31
subscribeToResult@http://localhost:4200/vendor.js:78491:23
_innerSub@http://localhost:4200/vendor.js:75485:115
_next@http://localhost:4200/vendor.js:75475:14
next@http://localhost:4200/vendor.js:68954:18
_next@http://localhost:4200/vendor.js:75833:26
next@http://localhost:4200/vendor.js:68954:18
subscribeToArray/<@http://localhost:4200/vendor.js:78373:20

Angular 8

resolvePromise
resolvePromise
scheduleResolveOrReject
invokeTask
onInvokeTask
invokeTask
runTask
drainMicroTaskQueue

Du coup j'ai chargé vendor.js, ce que je n'arrivais pas à faire ce matin, et je suis allé voir à la ligne indiquée :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
    setAttribute(el, name, value, namespace) {
        if (namespace) {
            name = namespace + ':' + name;
            // TODO(FW-811): Ivy may cause issues here because it's passing around
            // full URIs for namespaces, therefore this lookup will fail.
            const namespaceUri = NAMESPACE_URIS[namespace];
            if (namespaceUri) {
                el.setAttributeNS(namespaceUri, name, value);
            }
            else {
                el.setAttribute(name, value);
            }
        }
        else {
            el.setAttribute(name, value);
        }
    }

Et donc dans el.setAttribute(name, value), le dernier ci-dessus, le caractère incorrect serait le s de setAttribute.

J'ai pu charger vendor.js à l'adresse http://localhost:4200/vendor.js
ce qui permet de connaître son code.

En revanche dans l'onglet débogueur tout ce qu'il contient c'est

Erreur lors du chargement de cet URI : Unknown source

[krakatoa]

(1)
supprime le dossier: /node_module
re installe
npm i

(2) compile en mode prod pour voir :
ng build --prod

[Gluups]

Ah oui quand même.
Tout ça parce que dans l'appel d'un nbgTypeahead depuis le navigateur, j'ai tapé !instance au lieu de #instance.

Quand Madame Michu signale l'erreur, elle dit "Marche pô !"

Quand c'est Angular c'est un peu mieux, on sait qu'il y a une faute de frappe.
Mais Boudiou si on savait où, ça aiderait bien.

[dukoid]

tu veux dire dans l'url ?
si c'est le cas c'est normal. une url n'est jamais vérifié, tu peux taper ce que tu veux