blob: 4ec76398d3dad9619c7f5e272b4cec4c214d74bb (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
|
---
title: >-
SyntaxError: Using //@ to indicate sourceURL pragmas is deprecated. Use //#
instead
slug: Web/JavaScript/Reference/Errors/Deprecated_source_map_pragma
tags:
- Erreurs
- JavaScript
- SyntaxError
translation_of: Web/JavaScript/Reference/Errors/Deprecated_source_map_pragma
original_slug: Web/JavaScript/Reference/Erreurs/Deprecated_source_map_pragma
---
{{jsSidebar("Errors")}}
## Message
Warning: SyntaxError: Using //@ to indicate sourceURL pragmas is deprecated. Use //# instead
Warning: SyntaxError: Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead
## Type d'erreur
Un avertissement prenant la forme d'une exception {{jsxref("SyntaxError")}}. L'exécution du code JavaScript n'est pas interrompue.
## Quel est le problème ?
Une syntaxe dépréciée a été utilisée pour indiquer une correspondance de source (_source map_) dans le code JavaScript.
Il arrive souvent que les fichiers sources JavaScript soient combinés et minifiés afin que le transfert depuis le serveur vers le client soit plus efficace. Grâce [aux correspondances de source (ou _source maps_)](http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/), le débogueur peut utiliser les sources des fichiers correspondants aux fichiers minifiés.
La spécification sur cet outil a évolué car il existait un conflit de syntaxe avec IE (après `//@cc_on`, la correspondance était interprétée comme un test conditionnel de compilation du moteur JScript). [Ce commentaire de compilation conditionnelle](https://msdn.microsoft.com/en-us/library/8ka90k2e%28v=vs.94%29.aspx) pour IE est peu connu mais son existence entraînait des erreurs avec [jQuery](https://bugs.jquery.com/ticket/13274) et d'autres bibliothèques.
## Exemples
### Syntaxe dépréciée
La syntaxe utilisant l'arobase (@) est dépréciée :
```js example-bad
//@ sourceMappingURL=http://exemple.com/chemin/vers/la/sourcemap.map
```
### Syntaxe standard
Il faut utiliser le dièse (#) :
```js example-good
//# sourceMappingURL=http://exemple.com/chemin/vers/la/sourcemap.map
```
Autrement, on peut indiquer la correspondance dans un en-tête {{HTTPHeader("SourceMap")}} pour servir le fichier JavaScript afin d'éviter tout commentaire :
```js example-good
X-SourceMap: /path/to/file.js.map
```
## Voir aussi
- [Comment utiliser les _source map_ – Documentation des outils Firefox](/fr/docs/Outils/Débogueur/Comment/Utiliser_une_source_map)
- [Introduction to source maps – HTML5 rocks](http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/)
- {{HTTPHeader("SourceMap")}}
|
