无法从模块Javascript文件中的HTML按钮调用函数

gr8qqesn  于 2022-12-10  发布在  Java
关注(0)|答案(1)|浏览(180)

我遇到的问题是JavaScript文件变得太大,所以现在我使用模块来使我的代码更清晰,更容易阅读。2问题是我的HTML页面中有一个按钮,当我点击它时,我希望它运行我的脚本文件中的函数。3这个文件有我的链接脚本文件的类型模块。但是由于某种原因,浏览器一直说我的函数没有定义。我试过很多方法,唯一的方法是去掉type=“module”。有没有办法保留我的JavaScript文件模块,同时仍然从DOM调用函数?我已经三次检查我的拼写和花括号,但它不工作。
下面是html和JavaScript代码:
这是HTML按钮

<button type="button" name="button" onclick="start()" class="sub" id="hover">Request a Quote</button>

下面是HTML脚本标记

<script src="scripts/page.js"></script>
<script src="scripts/second.js"></script>
<script type="module" src="scripts/main.js"></script> //this is the script I want to access

Javascript语言

//these are the imports for all included files
import { schval } from './script'

function start(){

    function valSnapFrameSchedules(){
        schval();
          if (schval() === true){
            alert("this came as true");
          }
    }

}

下面是我得到的错误代码:

Paused on exception
ReferenceError: start is not defined
ql3eal8s

ql3eal8s1#

尝试在导入行中添加.js:

import { schval } from './script.js'

当我们将type="module设置为脚本行时,会出现此错误。
您也可以查看这篇文章:https://www.tutorialspoint.com/why-can-t-my-html-file-find-the-javascript-function-from-a-sourced-module

相关问题