- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Why can't my HTML file find the JavaScript function from a sourced module?
This may happen if you haven’t used “export” statement. Use “export” before the function which will be imported into the script file. The JavaScript file is as follows which has the file name demo.js.
demo.js
console.log("function will import");
export function test(){
console.log("Imported!!!");
}Here is the “index.html” file that imports the above function −
index.html
Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<script type='module'>
import { test } from "./demo.js"
test();
</script>
</body>
</html>To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.
Following is the output from the file demo.js which has the function name test().
Updated on 02-Sep-2020 06:14:29
- Related Questions & Answers
- Should I always put my JavaScript file in the head tag of my HTML file?
- why Python can't define tuples in a function?
- Why is JavaScript case sensitive but HTML isn't?
- Why can't girls have all the fun?
- Why doesn't JavaScript have a goto statement?
- Why doesn't JavaScript support multithreading?
- How to import a single function from a Python module?
- Why can't we define a static method in a Java interface?
- Why can't a Java class be both abstract and final?
- Sending a table from UI5 application to ABAP Function Module
- Why can’t we override static methods in Java?
- Why can't static method be abstract in Java?
- Many of my friends find girls who smoke cool, why?
- Why is using the JavaScript eval() function a bad idea?
- Why can't 'kotlin.Result' be used as a return type?
Advertisements