search

bencodezen / vue-enterprise-boilerplate

An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI.
7.78k stars 1.32k forks source link

compile problem related to new source #211

Closed jungaria closed 4 months ago

jungaria commented 4 years ago

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.

image

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 commented 4 years ago

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.