导入脚本错误的命令，函数没有定义

问题描述：

我有这样一个vuejs组件（map.vue）：导入脚本错误的命令，函数没有定义

<script> 
import '../../assets/js/map.js' 

export default { 
    name: 'home', 
    data() { 
     return { 
      init_data: {}, 
     } 
    }, 
    created: function() { 
     this.init_data = window.get_init_data(this.view, function(response) { 
       document.title = response.body.page_title; 
       init_map(some_arguments); 
     }); 
    } 
} 
</script>

map.js：

const key = ******; 
function init_map(some_args) { 
    ... 
}

错误：

[Vue warn]: Error in created hook: "ReferenceError: init_map is not defined"

而且实际上，在源代码签名之前检查它被调用的函数。

注意：我不想在webpack条目中包含map.js，因为我只需要在一个组件中使用此脚本（map.vue）。

试试'。 require（'../../ assets/js/map.js'）' –

已经做了@Ole gShleif，问题依然存在。谢谢 –

这不难解释如何？ –

答

试试这个

test.js

export function writeHello() { 
    console.log('hello'); 
}

***** VUE

import {writeHello} from './../test.js'; 

export default { 
    created() { 
     writeHello(); 
    } 
}

'export'和'export default'之间是否有区别？两者都可以使用 –

@HulaHula'export'是您指定类或函数（或多个）的位置，然后可以像上面那样用大括号指定定义来导入。导出默认意味着如果没有提供确切的定义，它将在导入时自动返回默认值。一个例子可能是从'/ path/to/bar''导入foo，其中'foo'成为默认导出。 –

答

Map.js缺少一个出口：

你好，谢谢，但问题仍然存在，它在签名之前被调用的函数 –

导入脚本错误的命令，函数没有定义

相关推荐