张清悠 2023-09-18 16:44 采纳率: 0%
浏览 3

解决引入postcssrs.js报错的问题


error  in ./src/views/AboutView.vue?vue&type=style&index=0&id=4cebd208&lang=css& 
Syntax Error: Error: Cannot find module '@moohng/postcss-px2vw' 
Require stack: 
- D:\AAAD前端\测试app\doms\.postcssrc.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\loaders.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\ExplorerBase.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\index.js 
- D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\utils.js 
- D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\index.js 
- D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\cjs.js 
- D:\AAAD前端\测试app\doms\node_modules\webpack\lib\ProgressPlugin.js 
- D:\AAAD前端\测试app\doms\node_modules\progress-webpack-plugin\index.js 
- D:\AAAD前端\测试app\doms\node_modules\@vue\cli-service\lib\commands\serve.js 
- D:\AAAD前端\测试app\doms\node_modules\@vue\cli-service\lib\Service.js 
- D:\AAAD前端\测试app\doms\node_modules\@vue\cli-service\bin\vue-cli-service.js 
 error  in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss& 
Syntax Error: Error: Cannot find module '@moohng/postcss-px2vw' 
Require stack: 
- D:\AAAD前端\测试app\doms\.postcssrc.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\loaders.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\ExplorerBase.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\index.js 
- D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\utils.js 
- D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\index.js 
- D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\cjs.js 
- D:\AAAD前端\测试app\doms\node_modules\webpack\lib\ProgressPlugin.js 
- D:\AAAD前端\测试app\doms\node_modules\progress-webpack-plugin\index.js 
- D:\AAAD前端\测试app\doms\node_modules\@vue\cli-service\lib\commands\serve.js 
- D:\AAAD前端\测试app\doms\node_modules\@vue\cli-service\lib\Service.js 
- D:\AAAD前端\测试app\doms\node_modules\@vue\cli-service\bin\vue-cli-service.js 
ERROR in ./src/views/AboutView.vue?vue&type=style&index=0&id=4cebd208&lang=css& (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/AboutView.vue?vue&type=style&index=0&id=4cebd208&lang=css&) 
Module build failed (from ./node_modules/postcss-loader/dist/cjs.js): 
Error: Cannot find module '@moohng/postcss-px2vw' 
Require stack: 
- D:\AAAD前端\测试app\doms\.postcssrc.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\loaders.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\ExplorerBase.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\index.js 
- D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\utils.js 
- D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\index.js 
- D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\cjs.js 
- D:\AAAD前端\测试app\doms\node_modules\webpack\lib\ProgressPlugin.js 
- D:\AAAD前端\测试app\doms\node_modules\progress-webpack-plugin\index.js 
- D:\AAAD前端\测试app\doms\node_modules\@vue\cli-service\lib\commands\serve.js 
- D:\AAAD前端\测试app\doms\node_modules\@vue\cli-service\lib\Service.js 
- D:\AAAD前端\测试app\doms\node_modules\@vue\cli-service\bin\vue-cli-service.js 
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:885:15) 
    at Function.Module._load (internal/modules/cjs/loader.js:730:27) 
    at Module.require (internal/modules/cjs/loader.js:957:19) 
    at require (internal/modules/cjs/helpers.js:88:18) 
    at Object.<anonymous> (D:\AAAD前端\测试app\doms\.postcssrc.js:3:9) 
    at Module._compile (internal/modules/cjs/loader.js:1068:30) 
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1097:10) 
    at Module.load (internal/modules/cjs/loader.js:933:32) 
    at Function.Module._load (internal/modules/cjs/loader.js:774:14) 
    at Module.require (internal/modules/cjs/loader.js:957:19) 
    at module.exports (D:\AAAD前端\测试app\doms\node_modules\import-fresh\index.js:32:59) 
    at loadJs (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\loaders.js:16:18) 
    at Explorer.loadFileContent (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js:84:32) 
    at Explorer.createCosmiconfigResult (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js:89:36) 
    at Explorer.loadSearchPlace (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js:70:31) 
    at async Explorer.searchDirectory (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js:55:27) 
    at async run (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js:35:22) 
    at async cacheWrapper (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18) 
    at async cacheWrapper (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18) 
    at async cacheWrapper (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18) 
    at async Explorer.search (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js:27:20) 
    at async loadConfig (D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\utils.js:68:16) 
    at async Object.loader (D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\index.js:54:22) 
 @ ./node_modules/vue-style-loader/index.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/AboutView.vue?vue&type=style&index=0&id=4cebd208&lang=css& 4:14-367 15:3-20:5 16:22-375 
 @ ./src/views/AboutView.vue?vue&type=style&index=0&id=4cebd208&lang=css& 1:0-428 1:0-428 
 @ ./src/views/AboutView.vue 4:0-81 
 @ ./src/router/index.js 15:19-83 
 @ ./src/main.js 3:0-30 7:2-8 
ERROR in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss& (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss&) 
Module build failed (from ./node_modules/postcss-loader/dist/cjs.js): 
Error: Cannot find module '@moohng/postcss-px2vw' 
Require stack: 
- D:\AAAD前端\测试app\doms\.postcssrc.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\loaders.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\ExplorerBase.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\index.js 
- D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\utils.js 
- D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\index.js 
- D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\cjs.js 
- D:\AAAD前端\测试app\doms\node_modules\webpack\lib\ProgressPlugin.js 
- D:\AAAD前端\测试app\doms\node_modules\progress-webpack-plugin\index.js 
- D:\AAAD前端\测试app\doms\node_modules\@vue\cli-service\lib\commands\serve.js 
- D:\AAAD前端\测试app\doms\node_modules\@vue\cli-service\lib\Service.js 
- D:\AAAD前端\测试app\doms\node_modules\@vue\cli-service\bin\vue-cli-service.js 
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:885:15) 
    at Function.Module._load (internal/modules/cjs/loader.js:730:27) 
    at Module.require (internal/modules/cjs/loader.js:957:19) 
    at require (internal/modules/cjs/helpers.js:88:18) 
    at Object.<anonymous> (D:\AAAD前端\测试app\doms\.postcssrc.js:3:9) 
    at Module._compile (internal/modules/cjs/loader.js:1068:30) 
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1097:10) 
    at Module.load (internal/modules/cjs/loader.js:933:32) 
    at Function.Module._load (internal/modules/cjs/loader.js:774:14) 
    at Module.require (internal/modules/cjs/loader.js:957:19) 
    at module.exports (D:\AAAD前端\测试app\doms\node_modules\import-fresh\index.js:32:59) 
    at loadJs (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\loaders.js:16:18) 
    at Explorer.loadFileContent (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js:84:32) 
    at Explorer.createCosmiconfigResult (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js:89:36) 
    at Explorer.loadSearchPlace (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js:70:31) 
    at async Explorer.searchDirectory (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js:55:27) 
    at async run (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js:35:22) 
    at async cacheWrapper (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18) 
    at async cacheWrapper (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18) 
    at async Explorer.search (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js:27:20) 
    at async loadConfig (D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\utils.js:68:16) 
    at async Object.loader (D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\index.js:54:22) 
 @ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss& 4:14-415 15:3-20:5 16:22-423 
 @ ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss& 1:0-473 1:0-473 
 @ ./src/App.vue 3:0-76 
 @ ./src/main.js 2:0-28 9:17-20 
ERROR in ./src/components/HelloWorld.vue?vue&type=style&index=0&id=469af010&scoped=true&lang=scss& (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/HelloWorld.vue?vue&type=style&index=0&id=469af010&scoped=true&lang=scss&) 
Module build failed (from ./node_modules/postcss-loader/dist/cjs.js): 
Error: Cannot find module '@moohng/postcss-px2vw' 
Require stack: 
- D:\AAAD前端\测试app\doms\.postcssrc.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\loaders.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\ExplorerBase.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js 
- D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\index.js 
- D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\utils.js 
- D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\index.js 
- D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\cjs.js 
- D:\AAAD前端\测试app\doms\node_modules\webpack\lib\ProgressPlugin.js 
- D:\AAAD前端\测试app\doms\node_modules\progress-webpack-plugin\index.js 
- D:\AAAD前端\测试app\doms\node_modules\@vue\cli-service\lib\commands\serve.js 
- D:\AAAD前端\测试app\doms\node_modules\@vue\cli-service\lib\Service.js 
- D:\AAAD前端\测试app\doms\node_modules\@vue\cli-service\bin\vue-cli-service.js 
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:885:15) 
    at Function.Module._load (internal/modules/cjs/loader.js:730:27) 
    at Module.require (internal/modules/cjs/loader.js:957:19) 
    at require (internal/modules/cjs/helpers.js:88:18) 
    at Object.<anonymous> (D:\AAAD前端\测试app\doms\.postcssrc.js:3:9) 
    at Module._compile (internal/modules/cjs/loader.js:1068:30) 
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1097:10) 
    at Module.load (internal/modules/cjs/loader.js:933:32) 
    at Function.Module._load (internal/modules/cjs/loader.js:774:14) 
    at Module.require (internal/modules/cjs/loader.js:957:19) 
    at module.exports (D:\AAAD前端\测试app\doms\node_modules\import-fresh\index.js:32:59) 
    at loadJs (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\loaders.js:16:18) 
    at Explorer.loadFileContent (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js:84:32) 
    at Explorer.createCosmiconfigResult (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js:89:36) 
    at Explorer.loadSearchPlace (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js:70:31) 
    at async Explorer.searchDirectory (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js:55:27) 
    at async run (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js:35:22) 
    at async cacheWrapper (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18) 
    at async cacheWrapper (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18) 
    at async cacheWrapper (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18) 
    at async Explorer.search (D:\AAAD前端\测试app\doms\node_modules\cosmiconfig\dist\Explorer.js:27:20) 
    at async loadConfig (D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\utils.js:68:16) 
    at async Object.loader (D:\AAAD前端\测试app\doms\node_modules\postcss-loader\dist\index.js:54:22) 
 @ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/HelloWorld.vue?vue&type=style&index=0&id=469af010&scoped=true&lang=scss& 4:14-449 15:3-20:5 16:22-457 
 @ ./src/components/HelloWorld.vue?vue&type=style&index=0&id=469af010&scoped=true&lang=scss& 1:0-510 1:0-510 
 @ ./src/components/HelloWorld.vue 4:0-95 
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/HomeView.vue?vue&type=script&lang=js& 2:0-53 6:4-14 
 @ ./src/views/HomeView.vue?vue&type=script&lang=js& 1:0-202 1:218-221 1:223-422 1:223-422 
 @ ./src/views/HomeView.vue 2:0-60 3:0-55 3:0-55 9:2-8 
 @ ./src/router/index.js 3:0-45 8:13-21 
 @ ./src/main.js 3:0-30 7:2-8 
webpack compiled with 3 errors

这是什么报错呢

  • 写回答

1条回答 默认 最新

  • CSDN-Ada助手 CSDN-AI 官方账号 2023-09-18 18:20
    关注

    【以下回答由 GPT 生成】

    这个错误是由于找不到@moohng/postcss-px2vw模块引起的。为了解决这个问题，你可以按照下面的步骤进行操作：

    1. 首先，确保你的项目中安装了@moohng/postcss-px2vw模块。你可以通过以下命令使用npm安装模块：

      npm install @moohng/postcss-px2vw --save-dev

    2. 如果已经安装了该模块，但是仍然出现错误，请检查是否在引入该模块的地方存在拼写错误或者路径错误。你可以打开D:\AAAD前端\测试app\doms\.postcssrc.js文件并确认@moohng/postcss-px2vw模块的引入是否正确，如果不正确，请进行修改。

    3. 如果以上步骤都没有解决问题，可能是由于缓存导致的问题。你可以尝试清除npm的缓存，然后重新安装依赖项。按照以下步骤操作：

      • 首先，执行以下命令清除npm缓存：

        npm cache clean --force

      • 接着，删除node_modules文件夹：

        rm -rf node_modules

      • 最后，重新安装依赖项：

        npm install

    4. 如果以上步骤还没有解决问题，可能是由于版本兼容性问题引起的。你可以尝试更新和升级相关的依赖项。你可以查看@moohng/postcss-px2vw模块的文档或者Github页面，查看是否有最新版本可用，并更新你的项目依赖项。

    如果以上步骤都没有解决问题，很抱歉我无法提供更进一步的解决方案。你可以尝试在开发社区或者相关论坛上提问，寻求更多帮助。


    如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^
    评论

报告相同问题？

问题事件

  • 创建了问题 9月18日

悬赏问题

  • ¥100 嵌入式系统基于PIC16F882和热敏电阻的数字温度计
  • ¥15 cmd cl 0x000007b
  • ¥20 BAPI_PR_CHANGE how to add account assignment information for service line
  • ¥500 火焰左右视图、视差（基于双目相机）
  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号
  • ¥15 基于单片机的靶位控制系统