VueJS网页包将javascript与vue分离

我正在学习VueJs，并按照教程使用vue cli网页包模板生成了一个可用的应用程序。一切都很好；但我有点强迫症，讨厌VS2017没有在vue文件中格式化内联javascript，所以：

• 我将javascript从

  users.vue

  移到一个单独的文件

  users.js

  中，这样
• 现在VS2017愉快地格式化js代码，突出显示括号对等
• 在原始vue中包括as

现在，当我

npm运行dev

时，我得到：

[Vue warn]：未能装载组件：未定义模板或呈现函数。
（位于）
vue.esm.js（559,1）

…很明显，组件没有加载

老实说，我有点不知道从哪里开始找。我是在尝试一些我不应该尝试的东西来拆分js，还是默认的网页设置有问题？我不敢相信分割js会有任何错误，当我在现实世界中超越教程时，那么重用和从组件分离是可能的吗

另一方面，是否有一个插件可以在VS2017上格式化Vue文件中的内联javascript？我有VueJs 2017和CodeMaid扩展，但它们都没有帮助格式化代码

我在

//你的模板
从“/users.js”导入用户；
导出默认用户；

这应该适用于网页包模板。

提供了答案。公平地说，如果不看GitHub回购协议，我的问题中没有足够的细节；基本上，我没有明确地将vue导入指向users.vue，而是默认指向users.js，从而引入了命名冲突

因此，从更新App.vue

从“./components/Hello”导入Hello

到

从“./components/Hello.vue”导入Hello

…解决了这个问题

---

Doh:）

发现，这表明它应该是可能的，但OP没有找到修复方法，它刚刚开始工作。。。不是很有帮助的解决：）在官方文件中指出这是可能的（那么我做错了什么），但建议不要这样做。不确定，但如果js是自动格式化的，我会很高兴。我试过原子；但在格式方面，它并不比VS好（或差）。Thx支持该建议，但没有帮助。我已将您的修复程序的实现推到

<template>
//your template
</template>

<script>
import users from './users.js';
export default users;
</script>