如何将Vue组件与单独的文件一起使用？ （TS / HTML / SCSS）

Question

我将Vue示例与Vue CLI 3（带有Typescript和Scss）一起安装，并将HelloWorld.vue更改为以下分离的文件：

但是它不起作用。 我在build中遇到此错误。

These dependencies were not found:

* HelloWorld.html?vue&type=template&id=5a1e3016&scoped=true&lang=html& in ./src/
components/HelloWorld.vue
* HelloWorld.scss?vue&type=style&index=0&id=5a1e3016&lang=scss&scoped=true& in .
/src/components/HelloWorld.vue

To install them, you can run: npm install --save HelloWorld.html?vue&type=templa
te&id=5a1e3016&scoped=true&lang=html& HelloWorld.scss?vue&type=style&index=0&id=
5a1e3016&lang=scss&scoped=true&

Ivan You在here中说过，这应该可行，但对我不起作用。

Answer 1

尝试添加到您的来源"./..."，即

src="./HelloWorld.html"

src="./HelloWorld.scss"