【问题标题】:Failed at the @ production script. Error running npm run production@生产脚本失败。运行 npm run production 时出错
【发布时间】:2025-12-22 02:40:17
【问题描述】:

我在使用以下命令时遇到问题

npm run production

执行以下命令后,我看到以下错误

ERROR  Failed to compile with 5 errors
error  in ./resources/assets/sass/app.scss
Module build failed: ModuleBuildError: Module build failed: TypeError: Cannot read property 'map' of undefined
    at preparePluginsArray (E:\wamp\www\smm.yasmalik.com\node_modules\svgo\lib\svgo\config.js:64:20)
    at module.exports (E:\wamp\www\smm.yasmalik.com\node_modules\svgo\lib\svgo\config.js:32:28)
    at new module.exports (E:\wamp\www\smm.yasmalik.com\node_modules\svgo\lib\svgo.js:21:19)
    at E:\wamp\www\smm.yasmalik.com\node_modules\postcss-svgo\dist\index.js:95:16
    at Object.creator [as postcssSvgo] (E:\wamp\www\smm.yasmalik.com\node_modules\postcss-svgo\node_modules\postcss\lib\postcss.js:150:35)
    at E:\wamp\www\smm.yasmalik.com\node_modules\cssnano\dist\index.js:295:40
    at Array.forEach (<anonymous>)
    at E:\wamp\www\smm.yasmalik.com\node_modules\cssnano\dist\index.js:282:29
    at creator (E:\wamp\www\smm.yasmalik.com\node_modules\cssnano\node_modules\postcss\lib\postcss.js:150:35)
    at processCss (E:\wamp\www\smm.yasmalik.com\node_modules\css-loader\lib\processCss.js:199:16)

【问题讨论】:

  • 你能显示你的 ./resources/assets/sass/app.scss 填充吗?
  • 这是我的 app.scss 文件// Fonts @import url('https://fonts.googleapis.com/css?family=Nunito'); @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic'); @import url('https://fonts.googleapis.com/css?family=Open+Sans'); // Variables @import 'variables'; // Bootstrap @import '~bootstrap/scss/bootstrap'; .navbar-laravel { background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); }
  • 我认为在你的引导程序中一切看起来都很好。我猜你的node_modules有问题
  • 那我该怎么办@ChristianGallarmin 如果我删除 node_modules 会丢失我手动安装的所有包?

标签: laravel vue.js npm npm-install npm-scripts


【解决方案1】:

这是我的 node_modules 文件夹的问题。有一些额外的无用包,所以我只是删除了 node_modules 并使用以下命令再次安装它

第 1 步

手动删除node_modules

第 2 步
再次安装 node_modules 文件夹:

npm i

第 3 步
更新现有包

npm update

就是这样!

【讨论】:

    【解决方案2】:

    您可能与某些 npm 包的版本存在冲突。 尝试重新安装 npm:

    rm -rf node_modules
    npm install
    

    【讨论】:

    • 这样我会丢失所有现有的下载包吗?我的意思是我必须再次添加所有 npm 包?
    最近更新 更多