Vue.js [Vue warn]：无效的组件定义

我刚刚在GoDaddy上创建了一个Vue站点，以下是链接： 通过简单地导入一个组件，我不断收到警告/错误。这是我的app.js：

Vue.component('nav-bar', 'navbar.vue')
Vue.component('todo-item', {
    template: '<li>This is a todo</li>'
})
var app = new Vue({1
    el: '#app',
    data: {
        message: 'Pic-My-Menu!'
    }
});

Vue.component（'nav-bar'，'navbar.Vue'）
Vue.组件（'待办事项'{
模板：“
这是一个待办事项”
})
var app=新的Vue（{1
el:“#应用程序”，
数据：{
留言：“Pic我的菜单！”
}
});

以下是我得到的：

You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html
vue.js:597 [Vue warn]: Invalid Component definition: navbar.vue

(found in <Root>)
warn @ vue.js:597
createComponent @ vue.js:4204
_createElement @ vue.js:4414
createElement @ vue.js:4351
vm._c @ vue.js:4483
(anonymous) @ VM4739:3
Vue._render @ vue.js:4535
updateComponent @ vue.js:2788
get @ vue.js:3140
Watcher @ vue.js:3129
mountComponent @ vue.js:2795
Vue.$mount @ vue.js:8527
Vue.$mount @ vue.js:10926
Vue._init @ vue.js:4627
Vue @ vue.js:4716
(anonymous) @ app.js:6
backend.js:1  vue-devtools  Detected Vue v2.5.17 

您正在开发模式下运行Vue。
在部署用于生产时，请确保启用生产模式。
查看更多提示，请访问https://vuejs.org/guide/deployment.html
vue.js:597[vue warn]：无效的组件定义：navbar.vue
（位于）
warn@vue.js:597
createComponent@vue.js:4204
_createElement@vue.js:4414
createElement@vue.js:4351
vm._c@vue.js:4483
（匿名）@VM4739:3
Vue._render@Vue.js:4535
updateComponent@vue.js:2788
获取@vue.js:3140
Watcher@vue.js:3129
mountComponent@vue.js:2795
Vue.$mount@Vue.js:8527
Vue.$mount@Vue.js:10926
Vue._init@Vue.js:4627
Vue@Vue.js:4716
（匿名）@app.js:6
backend.js:1 vue devtools检测到vue v2.5.17

在我的app.js中，我定义了一个名为“todo item”的组件，只是为了测试，它工作得很好，但是，在一个文件中插入相同的代码会导致此警告/错误。 下面是我的组件内容“navbar.vue”：

有什么想法吗？ 谢谢

 import navbar from 'navbar.vue';
 Vue.component('nav-bar', navbar)

您正在使用字符串定义组件，但它需要一个对象

---

您正在使用字符串定义组件，但它需要一个对象

，如果您想使用.vue文件，您应该使用（建议的）或来创建项目，或编译它并创建一个“dist”文件夹，其中包含可以在GoDaddy上部署的文件

---

浏览器本身无法识别导入命令

如果您想使用.vue文件，您应该使用（建议的）或来创建您的项目，这些文件可以编译并创建一个“dist”文件夹，其中包含可以在GoDaddy上部署的文件

---

浏览器本身无法识别导入命令

谢谢，但我得到了“未捕获的SyntaxError:意外标识符”。我想这是指“进口”。如果你想查看你是否使用了捆绑包，它就在网站上？不，我没有，只是纯html，带有指向引导和vue cdnthanks的链接，但我得到了“未捕获的语法错误：意外标识符”。我想这是指“进口”。如果你想检查你是否使用任何捆绑程序，它就在网站上？不，我不是，只是纯html，带有指向引导和vue的链接。你是否使用vue CLI（或网页包）？不，我不是，它托管在godaddyare上你是否使用vue CLI（或网页包）？不，我不是，它托管在godaddybut上，但为什么我不能使用vue.component（'nav-bar'，js/components/navbar.vue'））因为这样你就可以分配一个字符串。每次需要加载另一个文件（模块）时，都必须使用import或require命令（以及编译这些指令的绑定器），但为什么我不能使用Vue.component（'nav-bar'，'js/components/navbar.Vue'），因为这样做是在分配字符串。每次需要加载另一个文件（模块）时，都必须使用import或require命令（以及编译这些指令的绑定器）

 import navbar from 'navbar.vue';
 Vue.component('nav-bar', navbar)