webpack安装css-loader后,运行出错
第一步在终端输入npm install --save-dev css-loader
第二步在终端驶入npm install --save-dev style-loader
第三步在终端使用 npm run build命令,结果显示
TypeError: this.getResolve is not a function
at Object.loader (E:\web_code\12-webpack的使用\03-webpack的loader\node_modules\css-loader\dist\index.js:62:27)
at LOADER_EXECUTION (E:\web_code\12-webpack的使用\03-webpack的loader\node_modules\loader-runner\lib\LoaderRunner.js:119:14)
at runSyncOrAsync (E:\web_code\12-webpack的使用\03-webpack的loader\node_modules\loader-runner\lib\LoaderRunner.js:120:4)
at iterateNormalLoaders (E:\web_code\12-webpack的使用\03-webpack的loader\node_modules\loader-runner\lib\LoaderRunner.js:232:2)
at Array. (E:\web_code\12-webpack的使用\03-webpack的loader\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
at Storage.finished (E:\web_code\12-webpack的使用\03-webpack的loader\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:40:15)
at E:\web_code\12-webpack的使用\03-webpack的loader\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:77:9
at E:\web_code\12-webpack的使用\03-webpack的loader\node_modules\graceful-fs\graceful-fs.js:123:16
at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:69:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! meetwebpack@1.0.0 build: webpack
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the meetwebpack@1.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Dell\AppData\Roaming\npm-cache_logs\2021-04-30T06_57_31_497Z-debug.log
经过查看,最后发现是因为我的webpack的版本号(3.6.0)和css-loader的版本号差的太大造成的,在项目目录下的终端使用
npm i css-loader@3.3.0 -D 降低版本号即可。