Javascript 函数未定义
这是我的密码:Javascript 函数未定义,javascript,html,node.js,vue.js,Javascript,Html,Node.js,Vue.js,这是我的密码: //和我的javascript文件verbatims.js: 课堂逐字记录{ 列表(){ 返回[“c'est super”、“j'aime pas”、“ça marche bien”]; } } module.exports=逐字记录 我的项目 请求的名称:{{nb_request}} 更改值 阿雷特 让应用程序=新Vue({ el:“#PRISME_数据”, 数据:{ 注意:请求:“toto”, 地点:0 }, 方法:{ 更改:函数(){ changeNbRequest()
//和我的javascript文件verbatims.js:
课堂逐字记录{
列表(){
返回[“c'est super”、“j'aime pas”、“ça marche bien”];
}
}
module.exports=逐字记录代码>
我的项目
请求的名称:{{nb_request}}
更改值
阿雷特
让应用程序=新Vue({
el:“#PRISME_数据”,
数据:{
注意:请求:“toto”,
地点:0
},
方法:{
更改:函数(){
changeNbRequest()
},
停止:函数(){
clearInterval()
}
}
});
changeNbRequest=函数(){
var timer=setInterval(函数(){
让verbatim=new Verbatims().list()[ite];
}, 5000);
}
发生这种情况可能是因为以下原因:
- 由于以下原因,未在浏览器中加载verbatims.js文件:
走错了路李>
- 到达浏览器的verbatims.js文件
不包含您的类
- 您没有在引用脚本上导入Verbatims类
第三个选项的修复应如下所示:
<script type="module">
import {Verbatims} from './src/vebatim.js';
....ommitted for brevity
changeNbRequest = function() {
var timer = setInterval(function() {
let verbatim = new Verbatims().list()[ite];
}, 5000);
}
</script>
从'/src/vebatim.js'导入{Verbatims};
…为简洁起见
changeNbRequest=函数(){
var timer=setInterval(函数(){
让verbatim=new Verbatims().list()[ite];
}, 5000);
}
附加提示
要改进代码,请尝试将index.html中的所有JS代码放在外部文件中,以便利用ES6导入/导出功能。module.exports=Verbatims代码>这是第45行的内容吗?不,对不起,我忘了精确!错误在这一行:let verbatim=new Verbatims().list()[ite]
您是否确认(使用开发者工具的“网络”选项卡)正在成功加载verbatims.js
?在您引用的错误之前,控制台上是否有任何以前的错误?verbatims.js正在成功加载,并且在此之前控制台上没有以前的错误。因此,我的文件正在浏览器中加载,并且它包含我的类。所以,您的第三个选项,但现在我的浏览器没有加载我的vue…我已经尝试将我的js代码放置在一个外部文件中,但它无法识别我的vue类