As of January 1 2019, Mozilla requires that all GitHub projects include this CODE_OF_CONDUCT.md file in the project root. The file has two parts:

1. Required Text - All text under the headings Community Participation Guidelines and How to Report, are required, and should not be altered.
2. Optional Text - The Project Specific Etiquette heading provides a space to speak more specifically about ways people can work effectively and inclusively together. Some examples of those can be found on the Firefox Debugger project, and Common Voice. (The optional part is commented out in the raw template file, and will not be visible until you modify and uncomment that part.)

If you have any questions about this file, or Code of Conduct policies and procedures, please see Mozilla-GitHub-Standards or email [email protected].

(Message COC001)

under the top level await example folder, the code in main.js file is similar to dynamic module imports example folder main.js file content,

There is no example of usage of await syntax.

Cheke this file

https://github.com/mdn/js-examples/blob/main/module-examples%2Ftop-level-await%2Fmain.js

this code is similar to the previous example (dynamic module import) file

https://github.com/mdn/js-examples/blob/main/module-examples%2Fdynamic-module-imports%2Fmain.js

My development environment is:

Microsoft Windows 7 Professional SP 1
Microsoft Visual Studio 2008 Professional SP1
Microsoft Visual C# 2008
Firefox 69.0.2 (64-bit)

I have copied all of your files from GitHub in the directory

mdn/js-examples/modules/basic-modules

into a directory with the following structure:

index.html
main.mjs
modules/
    canvas.mjs
    square.mjs

When I run JSLint against index.html I get the following message

Developed by Matthias Miller (http://www.JavaScriptLint.com)

index.html
main.mjs
C:\Gustafson\Projects\JavaScriptModules\main.mjs(1): SyntaxError: missing name in import statement
import { create, createReportList } from './modules/canvas.mjs';
.......^


1 error(s), 0 warning(s)

As a result, index.html does not display.

Please advise what I am doing wrong. Thanks

Hey,

I took the freedom to change the page about js modules. Mostly because when putting the .js extension gives me the following errors:

Failed to load module script: The server responded with a non-JavaScript MIME type of "text/plain". Strict MIME type checking is enforced for module scripts per HTML spec. - Chromium
Loading module from “http://127.0.0.1:8001/utils.js” was blocked because of a disallowed MIME type (“text/plain”). Loading failed for the module with source “http://127.0.0.1:8001/utils.js”. - Firefox

Renaming them to .mjs fixes it.

The reason as to why I changed it was that the docs were the first page I looked at. I tried the examples on the page to no avail just to be met by errors and had to search a while to make it work.

Would you be so kind to rename the modules from name.js to name.mjs to make the changes consistent? (When somebody decides to clone the examples)
Also, if my change wasn't a correct one, please let me know.

Best regards!

with Chrome Version 88.0.4324.182 (Official Build) (32-bit), https://mdn.github.io/js-examples/modules/top-level-await/ fails to load as expected with the error as title reported. Same with Fire Fox 85.0.2 (64-bit).

Looks like "export default await colors;" has some issue with the usage of await here.

can you please have a look?

I tried modules/basic-modules/
Nothing displayed in the browser. In F12 console, I see
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file:///E:/js%20examples%20from%20mdn/js-examples-master/modules/basic-modules/main.js. (Reason: CORS request not http).
2
Module source URI is not allowed in this document: “file:///E:/js%20examples%20from%20mdn/js-examples-master/modules/basic-modules/main.js”.

System info

Desktop
MacOS Catalina Version 10.15.4
FireFox 57.04

Mobile
iPhone 11 Pro v13.31
Firefox Version 24.1 (17574)

So the behavior I'm seeing is that on the Mobile version of the App, the example in "basic-modules" linked to from the ReadMe (https://mdn.github.io/js-examples/modules/basic-modules/) shows up on Mobile but does not show up on the Mac version

It looks like it's making the request but just not doing anything once it gets the file? I'm not sure, I attached some screenshots.

How to call a function in the HTML after import js module to htlm file, help me please!