operator - javascript modules
Chrome 61: importación de token inesperada (3)
Ejecución de Chrome 61, que se supone que admite la carga de módulos con import .
De hecho, la demo de Paul funciona para mí. Sin embargo, cuando lo intento, recibo un error JS "Importación de token inesperada". Chrome parece resistirse a la import :
test.html
<!doctype html>
<html>
<body>
<script src="test.js"></script>
</body>
</html>
test.js:
import {hello} from ''./something.js''
console.log(hello())
algo.js
export {hello}
function hello() {
return "hello world"
}
¿Por qué Chrome no entiende "importar"
Eso debería ser <script type=module src=test.js> . La sintaxis completa se modifica sutilmente en los scripts del módulo (se permite la import y export , y el modo estricto es obligatorio).
Finalmente ... lo descubrí. chrome://flags search for import habilita la sintaxis de importación ES6. Reinicie Chrome. Sea feliz.
Para aquellos de ustedes que quieren saber exactamente lo que funcionó para mí, fue una combinación de un par de respuestas de arriba. También tuve que habilitar las capacidades de importación ES6 de Chrome escribiendo chrome: // flags en la barra de URL y buscando "importar".
Primero el 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>
Entonces, como puede ver, simplemente agregue el tipo "módulo" a su etiqueta de secuencia de comandos y, a continuación, debajo de la importación. Para mi prueba el archivo CalcArea.js es este:
const circleArea = r => 3.14 * (r ** 2);
const squareArea = s => s * s;
export {circleArea, squareArea};