Chrome 61: Unexpected token d'importation

Exécutant Chrome 61 qui est censé supporter le module de chargement avec import.

En effet Paul démo fonctionne pour moi. Cependant, lorsque j'essaie moi-même je reçois un JS erreur "Unexpected token de l'importation". Chrome semble rechigner à l' import:

test.html

<!doctype html> 
<html>
<body>
<script src="test.js"></script>
</body>
</html>

test.js:

import {hello} from './something.js'
console.log(hello())

something.js

export {hello}
function hello() {
    return "hello world"
}

Pourquoi Chrome comprends pas "importer"

InformationsquelleAutor Marc | 2017-09-19
  1. 3

    Pour ceux d'entre vous qui veulent savoir exactement ce qui a fonctionné pour moi, c'était une sorte de combinaison d'un couple de réponses à partir de ci-dessus. J'ai également eu à permettre à l'ES6 des fonctionnalités d'importation de Chrome en tapant chrome://flags dans la barre d'URL et de la recherche pour "importer".

    D'abord le code HTML:

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Testing JavaScript Stuff</title>
</head>
<body>
    <script type="module">
        import { circleArea, squareArea } from './CalcArea.js';

        console.log(circleArea(2));
        console.log(squareArea(2));
    </script>
</body>
</html>

    Donc, comme vous pouvez le voir il suffit d'ajouter le type "module" de votre balise de script, puis en dessous de vous faire l'importation. Pour mon test de la CalcArea.js fichier est: est-ce

    const circleArea = r => 3.14 * (r ** 2);

const squareArea = s => s * s;

export {circleArea, squareArea};
    • Je suis d'accord, vous devez activer le import.meta.url drapeau en Chrome ET ajouter type="module" à votre <script> tag.
    InformationsquelleAutor David Ayres
  2. 18

    Qui devrait être <script type=module src=test.js>. L'ensemble de la syntaxe est subtilement changé dans le module de scripts (import et export sont autorisés, ainsi que le mode strict étant obligatoire).

    • Le code fonctionne pour moi lors de l'utilisation type=module. Néanmoins, Chrome developer tool affiche toujours l'erreur "Uncaught erreur de Syntaxe: Unexpected token {" dans test.js lors de l'édition du fichier. Aucune idée de comment la surmonter?
    • Chrome v64 Outils de développement débogueur a encore un problème avec l'importation et l'exportation.
    • Même cas, votre solution ne fonctionne pas
    • Ne fonctionne PAS ajouter type=module , j'utilise chrome v67
    • Cette solution ne fonctionne pas.
    InformationsquelleAutor Josh Lee
  3. 2

    ... Enfin compris. chrome://flags de recherche pour import permettre ES6 importation de la syntaxe. Redémarrez Google Chrome. Être heureux.

    • ...après être passé par et de le renommer tous mes .js fichiers .mjs parce que je pensais que l'erreur s'en alla après l'avoir essayé, mais apparemment, c'était juste de la transformation. Maintenant, j'ai besoin de décider de les nommer tous, de retour ou un bâton avec .mjs
    InformationsquelleAutor flcoder