未捕获的语法错误:请求的模块未提供名为的导出

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>

ma​​in.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>

由于该文件具有导出默认值,因此您可以将其导入另一个文件中

添加到 ma​​in.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 语句”