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

Posted 2023-02-16

技术标签:

【中文标题】未捕获的语法错误：请求的模块未提供名为的导出【英文标题】：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 语句”