Javascript VueJS给了我一个；未知自定义元素“；尽管模拟了工作组件，但仍出现错误

我启动了一个小型vueJS应用程序。它只是一个.html文件和一个.js文件。在HTML中，我链接到JS文件以获取我的Vue组件。据我所知，该组件的所有内容似乎都处于正常工作状态：我从教程中复制了另一个组件的形式。所以它应该能起作用，但它不能，或者至少我说不出为什么它不能起作用

这是我的密码。HTML：

//这在main_step09.js中
Vue.组件（'headline-roly'{
道具：[“标题”、“正文”、“日期”]，
模板：`
今天的标题{{title}
{{body}}

报告日期：{date}
`
});
新的Vue（{el:'#root'}）

您的脚本不知道什么是

标题roly

，因为您注释掉了

main_step09.js

的

标记，其中定义了
标题roly
。
大家好：解决方案有点奇怪。我重新启动了电脑，重新安装了Windows 10操作系统，发现main_step09.js。。。哦

我将Vue组件的代码放在错误的文件中。有一个名为“main_step09-testing.js”的副本，我在其中编写了代码

愚蠢的。哦
重新启动本地webpack dev服务器。尝试添加一些控制台登录到
main_step09.js
以检查您没有得到缓存版本。在使用
新Vue
创建Vue实例之前，您是否可以确认您正在注册该组件？同一文件是否包含正常工作的其他组件？控制台中是否有任何其他错误或警告消息？@Ohgod为什么OP不太可能使用带有CDN资源的Webpack除了@skirtle的注释外，您还可以检查浏览器控制台中的“源”选项卡，以确认加载了正确的JavaScript代码。@skirtle我发现我的文件配置怪异，缺少几段代码。我的文件保存“出了点问题”，代码应该一直有效。我不得不将JSFIDLE中的内容粘贴回OP中，因为文件中完全没有这些内容。谜团解开了！有点（我不知道代码一开始是怎么运行的…）这只是代码片段。注释指出了
标记在OP的实际代码中的位置对不起，有任何混淆，这是我的错，编辑OP的问题以添加可运行的代码段。你可以在这里看到原始版本~