close

[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 ?

  1. 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 ?

    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 just use Transpile @vue/reactivity Or you can Just downgrade the vueJs version by the following commands: npm uninstall vue and npm i -S [email protected] You can also use Vue CLI 5.

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 [email protected]

Solution: Use Vue CLI 5

You can also use Vue CLI 5

npm i -g @vue/[email protected]

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

Please Rate Our Solution to Motivate Us For Give Our Best

Leave a Comment