[Solved] You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file in vueJs

Hello Guys, How are you all? Hope You all Are Fine. Today when I use Vue/CLI to create a new default project, I got a compile error when serving You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file in VueJs. So Here I am Explain to you all the possible solutions here.

Without Wasting your time, Lets start This Article to Solve This Error.

How You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file in vueJs Error Occurs ?

Today when I use Vue/CLI to create a new default project, I got a compile error when serving.

PS D:\Client-work\jeff-usa\vueProject> yarn serve
yarn run v1.22.5
$ vue-cli-service serve
 INFO  Starting development server...
98% after emitting CopyPlugin

 ERROR  Failed to compile with 1 error                                                                                                                                                                        下午12:22:33
 error  in ./node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js

Module parse failed: Unexpected token (763:13)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| }
| class RefImpl {
>     _rawValue;
|     _shallow;
|     _value;

How To Solve You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file in vueJs Error ?

Solution 1: Transpile @vue/reactivity

just add this in your vue.config.js

// vue.config.js
module.exports = {
  transpileDependencies: ['@vue/reactivity']
}

Solution 2: Downgrade to Vue 3.1.2

Just downgrade vueJs version by following command.

npm uninstall vue
npm i -S vue@3.1.2

Solution: Use Vue CLI 5

You can also use Vue CLI 5

npm i -g @vue/cli@5

Summery

It’s all About this issue. Hope all solution helped you a lot. Comment below Your thoughts and your queries. Also, Comment below which solution worked for you?

Also Read

• SyntaxError: invalid syntax to repo init in the AOSP code.