未捕获的语法错误:请求的模块未提供名为的导出
Posted
技术标签:
【中文标题】未捕获的语法错误:请求的模块未提供名为的导出【英文标题】:Uncaught SyntaxError: The requested module does not provide an export named 【发布时间】:2022-01-06 07:30:30 【问题描述】:我的控制台出现此错误
未捕获的语法错误:请求的模块“./components/tileHeader/controller.js”未提供名为“tileHeader”的导出
这是我的代码 components/tileHeader/controller.js:
Vue.component('tileHeader',
template: '#tileHeader',
data()
return
count:0
,
)
components/tileHeader/view.html:
<script type="text/x-template" id="tileHeader">
<div class="container">
<div class="row">
<div class="col">
<!--<div v-show="item.label != null || item.label == undefined"
class="label">item.label</div>
<img v-show="item.image != null" src="item.image"/>-->
<p>This is a Test</p>
</div>
</div>
</div>
</script>
main.js:
import Vue from './vue.js';
import tileHeader from './components/tileHeader/controller.js';
new Vue(
el: '#app',
components:
'tileHeader': tileHeader
,
)
index.html:
<!DOCTYPE html>
<html>
<head>
<title>Vue X-Templates</title>
</head>
<body>
<div id="#app"></div>
<script type="module" src="main.js"></script>
</body>
</html>
我正在使用 x 模板。 这是我的项目结构: structure
【问题讨论】:
如果不从controller.js中导出tileHeader
,则无法导入
【参考方案1】:
你能试试这样的吗?
创建一个包含 html/css 和 js 的文件。
tileHeader.vue:
<template>
<!-- Your view.html -->
</template>
<script>
export default
name: 'tileHeader',
</script>
<style scoped>
</style>
由于该文件具有导出默认值,因此您可以将其导入另一个文件中
添加到 main.js :
import tileHeader from "./components/tileHeader.vue";
【讨论】:
以上是关于未捕获的语法错误:请求的模块未提供名为的导出的主要内容,如果未能解决你的问题,请参考以下文章
未捕获的 PDOException:SQLSTATE[42000]:语法错误或访问冲突
导入 ReactJS 时出现“未捕获的语法错误:无法在模块外使用 import 语句”
导入 ECMAScript 6 时出现“未捕获的语法错误:无法在模块外使用 import 语句”
SyntaxError:请求的模块“@notionhq/client”未提供名为“Client”的导出
“未捕获的语法错误:意外的令牌:”与 $http.jsonp
尝试在 Django 应用程序的 js 文件中导入 vue.js 时出现“未捕获的语法错误:无法在模块外使用 import 语句”