compile problem related to new source

[jungaria]

Hi, guys,

I'd like to ask you something easy which is difficult to me.

I am a newbie in vuejs especially in this boilerplate including webpack.
I want to make some app. based on this boilerplate.

I installed this boilerplate and then added vuetify to make an app. with responsive UI
It was not easy but finally they are working together.

when i added vuetify, helloWorld.vue is also added in ./src/components automatically.
but it is not complied(transpiled) so whenever i run "yarn dev" i see message like below

./HelloWorld in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/app.vue?vue&type=script&lang=js&

I want to know how I can compile HelloWorld.vue and make it included in output file like app.js
moving HelloWordl.vue to ./src was not working as well.

I just want to know small hints for that.

Thanks in advance
June, Chung

[jungaria]

i found out the reason.

i added statement like this in app.vue

import HelloWorld from './components/HelloWorld'

it made an error( it must be ./components/HelloWorld.vue )

I thought it is okay when i import the component without its extension.