未捕獲的語法錯誤：請求的模塊未提供名為的導出

Question

我的控制台出現此錯誤

未捕獲的語法錯誤：請求的模塊“./components/tileHeader/controller.js”不提供名為“tileHeader”的導出

這是我的代碼組件/tileHeader/controller.js：

Vue.component('tileHeader',{
    template: '#tileHeader',
    data(){
        return{
            count:0
        }
    },
})

組件/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>

主.js：

import Vue from './vue.js';
import { tileHeader } from './components/tileHeader/controller.js';

  new Vue({
    el: '#app',
    components: {
        'tileHeader': tileHeader
    },
  })

索引.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 模板。 這是我的項目結構：結構

Answer 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";

未捕獲的語法錯誤：請求的模塊未提供名為的導出

問題描述

1 個解決方案

解決方案1
0 2021-11-29 15:10:49

未捕獲的語法錯誤：請求的模塊未提供名為的導出

問題描述

1 個解決方案

解決方案1 0 2021-11-29 15:10:49

解決方案1
0 2021-11-29 15:10:49