add extension to relative imports to make the code work directly in a…

… browser relative imports require the full path including the extension because browsers use the import name to make a network request and they do not implicitly add a .js file extension if one is missing
Financial-Times · Sep 4, 2020 · 682555f · 682555f
1 parent b6ca3c3
commit 682555f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/demos/src/color-mixer/color-mixer.js b/demos/src/color-mixer/color-mixer.js
@@ -1,5 +1,5 @@
-import { getContrastRatio } from '../shared/contrast-ratio';
-import { getHexValues, mixHexes } from '../shared/colors-mix';
+import { getContrastRatio } from '../shared/contrast-ratio.js';
+import { getHexValues, mixHexes } from '../shared/colors-mix.js';
 
 document.addEventListener('o.DOMContentLoaded', function() {
 	const forms = document.forms;

diff --git a/demos/src/contrast-checker/contrast-checker.js b/demos/src/contrast-checker/contrast-checker.js
@@ -1,5 +1,5 @@
-import { getContrastRatio, getWCAGRating } from '../shared/contrast-ratio';
-import { getHexValues, mixHexes } from '../shared/colors-mix';
+import { getContrastRatio, getWCAGRating } from '../shared/contrast-ratio.js';
+import { getHexValues, mixHexes } from '../shared/colors-mix.js';
 
 document.addEventListener('o.DOMContentLoaded', () => {
 	const form = document.forms[0];