Tag Archives: Module build failed

[Solved] Module build failed: Error: Node Sass version 6.0.0 is incompatible with ^4.0.0.

Leave a reply

Module build failed: Error: Node Sass version 6.0.0 is incompatible with ^4.0.0.
npm run dev prompts the following error

Module build failed: Error: Node Sass version 6.0.0 is incompatible with ^4.0.0.

Reason: node-sass version is too high, uninstall and reinstall the lower version

1. Uninstall: npm uninstall node-sass

2. Installation: npm install [email protected]

3. Run: npm run dev

[Solved] Module build failed: Error: Cannot find module ‘node-sass’

npm run dev error: ” Module build failed: Error: Cannot find module ‘node-sass’ “  below as:

ERROR  Failed to compile with 1 errors                                                                                     19:51:09
 error  in ./src/page/Class/ClassList.vue

Module build failed: Error: Cannot find module 'node-sass'
Require stack:
- F:\Workspace\vscode\user_h5\node_modules\sass-loader\lib\loader.js
- F:\Workspace\vscode\user_h5\node_modules\loader-runner\lib\loadLoader.js
- F:\Workspace\vscode\user_h5\node_modules\loader-runner\lib\LoaderRunner.js
- F:\Workspace\vscode\user_h5\node_modules\webpack\lib\NormalModule.js
- F:\Workspace\vscode\user_h5\node_modules\webpack\lib\NormalModuleFactory.js
- F:\Workspace\vscode\user_h5\node_modules\webpack\lib\Compiler.js
- F:\Workspace\vscode\user_h5\node_modules\webpack\lib\webpack.js
- F:\Workspace\vscode\user_h5\node_modules\webpack-dev-server\lib\Server.js
- F:\Workspace\vscode\user_h5\node_modules\webpack-dev-server\bin\webpack-dev-server.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:793:17)
    at Function.Module._load (internal/modules/cjs/loader.js:686:27)
    at Module.require (internal/modules/cjs/loader.js:848:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.sassLoader (F:\Workspace\vscode\user_h5\node_modules\sass-loader\lib\loader.js:46:72)

 @ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-63ab3a78","scoped":true,"hasInlineConfig":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false}!./node_modules/vux-loader/src/style-loader.js!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/page/Class/ClassList.vue 4:14-443 13:3-17:5 14:22-451
 @ ./src/page/Class/ClassList.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

Solution:

1. Download the node-sass dependency

npm install node-sass --save-dev

Or a mistake

2. Input command

npm install -g cnpm --registry=https://registry.npm.taobao.org

The error is as follows:

cnpm - Resolved " cnpm : Unable to load the file C:\Users\93457\AppData\Roaming\npm\cnpm.ps1 because running scripts is disabled on this system. For more information .

In the win10 system, enter Windows shell in the search box

Select as administrator to run

After opening the shell command line, enter

set-ExecutionPolicy RemoteSigned

Change the permission to a

Enter get executionpolicy

As follows:

3. Input command

cnpm install node-sass --save

4. Operation

npm run dev

 

Module build failed (from ./node_modules/eslint-loader/index.js):Error: Failed to load plugin html:

Problem:
Module build failed (from ./node_modules/eslint-loader/index.js):Error: Failed to load plugin html: Cannot find module ‘eslint-plugin-html’
Solution.
Run npm install eslint-plugin-html to fix it
The screenshot problem is shown in the figure.
Solution:

Error: Failed to load plugin html: Cannot find module ‘XXXXX’
Run npm install XXXXX to fix it.
You can install the corresponding plug-ins if they are missing.

Module build failed: TypeError: this.getResolve is not a function at Object.loader node-sass Install Error

 

Error in installing node SCSS

When building Vue scaffold or in Vue project, you want to use sass function,

npm install node-sass --save-dev 		
npm install sass-loader --save-dev 		
npm install style-loader --save-dev

After the installation is complete, an error occurred at runtime

Modele build failed: TypeError: this.getResolve is not a function at Object.loader...

This is because the current version of SASS is too high, and there is an error during the compilation of webpack. At this time, you only need to change to a lower version. Next, I’ll talk about the modification method. It’s very simple, as follows: find the package.json Just replace the version of “sass loader” in the file.

My local is replacing "sass-loader":"^8.0.0", with "sass-loader":"^7.3.1",

At this time to run the project again, it runs successfully.

You can also uninstall the current version first and then install the specified version

Uninstall the current version npm uninstall sass-loader
Install     npm install [email protected] --save-dev