javascript - Vue js --The dependency was not found : ts-loader not compiling -

the scenario: there library generic vue js components used several projects , not using typscript. library seperate project , have seperate webpack settings.

this library being consumed inside project git sub module atm , project( call main project here) using typscript , ts-loader compile js , ts .

can 1 guide me wether problem because 1 project using ts , other not? module config? can access other folder , files outside of main project src directory, not components inside of library? if 1 has better way of doing the, thankful advise!

/** webpack.base.conf (from main project **/  module: { {         test: /\.ts$/,         loader: 'ts-loader',         include: [resolve('src'), resolve('test')],         exclude: '/node_modules',         options: {           appendtssuffixto: [/\.vue$/]         }       } } 

inside of main projects component trying import 1 components library, unable ts-loader tells dependency not found

/** header.vue  (main project)**/  <template> </template> <script lang="ts"> // lib in root same src folder main project import genericcomponentfromlib 'lib/generic-components/src/components/genericbutton'   @components({   components: {      genericbutton   } })  /** tsconfig.json (main project) **/ {   "compileroptions": {     "target": "es5",     "lib": ["es5", "es2015.promise","es2017.object", "dom"],     "module": "commonjs",     "rootdir": ".",     "moduleresolution": "node",     "allowsyntheticdefaultimports": true,     "experimentaldecorators": true   },   "exclude": [     "node_modules"   ] }