nuxt npm run build 打包报错

最新推荐文章于 2024-05-07 13:36:05 发布
最新推荐文章于 2024-05-07 13:36:05 发布
阅读量5.3k 收藏
点赞数 1
分类专栏： Nuxt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43550660/article/details/103536897
版权

nuxt npm run build 打包报错

  • 报错信息如下

在这里插入图片描述

  • 然后在报错信息上面去寻找报错源
ERROR in ./node_modules/bootstrap-vue/dist/bootstrap-vue.css
Module build failed (from ./node_modules/extract-css-chunks-webpack-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: postcss-svgo: TypeError: Cannot set property 'multipassCount' of undefined
    at D:\Web\ddbao\node_modules\postcss-svgo\dist\index.js:95:19
    at async Promise.all (index 0)
    at async Promise.all (index 0)
    at D:\Web\ddbao\node_modules\webpack\lib\NormalModule.js:316:20
    at D:\Web\ddbao\node_modules\loader-runner\lib\LoaderRunner.js:367:11
    at D:\Web\ddbao\node_modules\loader-runner\lib\LoaderRunner.js:233:18
    at context.callback (D:\Web\ddbao\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at D:\Web\ddbao\node_modules\postcss-loader\src\index.js:208:9
 @ ./.nuxt/App.js 12:0-66
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi ./.nuxt/client.js

ERROR in ./node_modules/bootstrap/dist/css/bootstrap.css
Module build failed (from ./node_modules/extract-css-chunks-webpack-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: postcss-svgo: TypeError: Cannot set property 'multipassCount' of undefined
    at D:\Web\ddbao\node_modules\postcss-svgo\dist\index.js:95:19
    at async Promise.all (index 0)
    at async Promise.all (index 0)
    at D:\Web\ddbao\node_modules\webpack\lib\NormalModule.js:316:20
    at D:\Web\ddbao\node_modules\loader-runner\lib\LoaderRunner.js:367:11
    at D:\Web\ddbao\node_modules\loader-runner\lib\LoaderRunner.js:233:18
    at context.callback (D:\Web\ddbao\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at D:\Web\ddbao\node_modules\postcss-loader\src\index.js:208:9
 @ ./.nuxt/App.js 11:0-63
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi ./.nuxt/client.js

 FATAL  Nuxt build error                                                     10:05:31
  • 在 bootstrap.css 这里出错了，然后一顿百度查，没找到，然后再去其他报错信息查
Error: postcss-svgo: TypeError: Cannot set property 'multipassCount' of undefined
    at D:\Web\ddbao\node_modules\postcss-svgo\dist\index.js:95:19

最后在 GitHub 上面找到了
在这里插入图片描述
bootstrap-vue

在这里插入图片描述
css svgo

https://github.com/svg/svgo/issues/1174 最终在这里找了

  • 安装 npm i svgo@1.3.0 之后就能打包了
秃如其来的秃头
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
持续集成部署 - 记一次构建Nuxt.js前端项目遇到的坑
种一棵树最好的时间是十年前，其次是现在。
10-27 1257
记录一次Jenkins构建NuxtJS项目，遇到的问题。可见日常代码规范，显得尤为重要。
nuxt-Module build failed报错篇
热门推荐
往事不回头,余生不将就
08-21 1万+
问题，在nuxt开发过程中，运行npm run dev 直接报错 报错信息如下 Module build failed: Error: Plugin/Preset files are not allowed to export objects, only functions. 原因及解决办法 原因：这个异常说明了 babel的版本冲突，babel依赖包不兼容， 在 package.json 依赖包中既有 babel 7.0 版本， 又有 babel 6.0版本，就会报这个错误，这两个版本很明显是.
前端打包错误 npm ERR! missing script: build，npm run build无法打包的可能原因及其解决方案
最新发布
2301_79779756的博客
05-07 1343
在前端开发过程中，当项目需要部署到生产环境时，通常会使用构建工具（如Webpack）对项目进行打包处理，生成可在浏览器中直接运行的文件。这些打包操作通常通过npm脚本来执行，即在package.json文件中定义的scripts字段下的命令。然而，有时开发者可能会遇到npm ERR!missing script: build这样的错误，这意味着npm无法在scripts字段中找到名为build的脚本命令。
nuxt 一直报错 http://localhost:24678/_nuxt/
weixin_55042716的博客
05-15 1183
这个错误可能是由于Nuxt.js应用程序无法正确加载/_nuxt/路径下的资源而导致的。解决这个问题的方法有以下几种：
笔记：服务端渲染 框架 Nuxt.js是用build打包部署 报错解决
sky8880的博客
03-11 962
服务端渲染 框架 Nuxt.js是用build打包部署 报错解决，
Vue.js或Nuxt.js报错Module build failed: Error: No parser and no file path given, couldn't infer a parse
删库跑路
05-28 1146
npm run dev 时报错 解决方法命令行输入：npm i prettier@~1.12.0 然后在npm run dev
nuxt-relative-dir:Nuxt 进行 generate 之后，将路径替换成相对路径并生成新的文件目录
05-02
如何使用安装:$ npm install nuxt-relative-dir OR yarn add nuxt-relative-dir使用:修改项目的 package.json 文件，添加 scripts{ "scripts": { "build": "nuxt build && backpack build", "generate": "nuxt ...
记一次 Nuxt 3 在 Windows 下的打包问题.doc
07-13
然而，在执行 `npm run build` 命令时，生成的 `.output` 目录中出现了重复的 `images` 和 `videos` 文件夹，导致发布包体积变大。 2. 问题分析 为了解决这个问题，我们首先查看了 Nuxt 3 的配置文档，发现 `app....
解决vue项目 build之后资源文件找不到的问题
01-19
这就需要修改我们的 config 中的 index.js了，默认的build 中的部分是这样的： build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path....
nuxt-deploy：nuxt项目配合pm2的自动部署脚本
02-18
所以MY_ENV更好地让我们区分多环境）命令该项目只配置了test和prod两个环境进入开发npm run dev建立相关npm run build:testnpm run build:prod前台运行服务要求预先制定项目npm run start:testnpm run start:prodpm2...
nuxtWeb:一个nuxt项目
03-20
纽克斯 启动应用 # 安装依赖 $ npm install # 本地启动在 localhost:3000 $ npm run dev # 部署到服务器，先build，再...$ npm run build $ npm run start # 生成静态项目 $ npm run generate 更新nuxt详情请转到 。
nuxt打包build报错regeneratorRuntime is not defined
sherlock_l的博客
07-17 581
.babelrc配置如下 { "env": { "browser": { "presets": [ [ "@babel/preset-env", { "targets": { "browsers": ["last 2 versions", "safari >= 7"] } } ...
nuxt框架打包时报版本不匹配问题Vue packages version mismatch
qq_35971958的博客
06-07 1610
Vue packages version mismatch: - vue@2.6.7 - vue-server-renderer@2.6.10 This may cause things to work incorrectly. Make sure to use the same version for both. 版本不匹配问题，解决办法 npm install vue@2.6.10 -...
求助: nuxt 打包报错 core-js
weixin_33975951的博客
03-29 2597
本地运行 npm run generate 可以正常打包上传到服务器就会报如下错误 ERROR in ./.nuxt/client.js Module not found: Error: Can't resolve 'core-js/modules/es6.array.iterator' in '/var/jenkins_home/workspace/flks-wechat/.nuxt' @ ./...
Nuxt模板启动报错
qq_41200374的博客
09-27 1280
You did not set any plugins, parser, or stringifier. Right now, PostCSS does nothing. Pick plugins for your case on https://www.postcss.parts/ and use them in postcss.config.js.
nuxt编译报错解决（升级版本造成大量报错原因）
中年程序员一枚的博客
12-27 1510
{ “name”: “cc”, “version”: “1.0.0”, “author”: “ly”, “private”: true, “scripts”: { “build”: “nuxt build”, “start”: “nuxt start”, “dev-build”: “cross-env NODE_ENV=dev nuxt build”, “dev”: “nuxt”, “test-build”: “cross-env NODE_ENV=test nuxt build”, “test”: “cr
nuxtjs 项目报错 WARN You did not set any plugins, parser, or stringifier.
Jack, what else can you do besides holding your little darling?
10-10 2176
新建的项目，运行 npm run dev，报警告，警告内容是：WARN You did not set any plugins, parser, or stringifier. Right now, PostCSS does nothing. Pick plugins for your case on https://www.postcss.parts/and use them in postcss.config.js.再在 nuxt.config.js 中添加一下内容。
nuxtjs常见问题
chen110710的博客
05-19 774
1、在服务器端部署，需要再服务器端安装node_modules 2、本地忽略 .nuxt文件夹，这个需要在服务器端上执行npm run build生成，然后执行 pm2 start npm --name "XXXXXX" -- run start 3、但是有的项目本地能跑起来，在服务器端就是跑不起来，可能是安装node_modules有问题，如果解决不了，只能尝试把本地生成的.nuxt文件夹也上传到服务器端，看看能不能跑起来 ...
vue 项目打包babel-polyfill下的 core-js 报错
abcde158308的博客
07-16 6257
一直打包正常的项目，突然打包报错，用 cnpm 重新安装了依赖然后通过 npm run build 打包发现报错如下 ERROR in ./~/_babel-polyfill@6.26.0@babel-polyfill/lib/index.js Module not found: Error: Can't resolve 'core-js/shim' in 'D:\work\ins-pc\node...
nuxt npm run build
05-30
在Nuxt.js中，运行`npm run build`命令将会触发应用程序的构建过程。这个命令将会执行许多操作，包括： 1. 清除先前构建的文件 2. 编译Vue.js组件和页面 3. 生成静态HTML文件 4. 将静态文件和构建后的JavaScript和CSS文件打包到`dist`目录中 执行`npm run build`命令后，您将能够在`dist`目录中找到构建好的应用程序文件。这些文件可以被部署到Web服务器上，以便您的应用程序可以在生产环境中运行。 需要注意的是，构建过程可能会因为您的应用程序的规模和复杂性而有所不同。对于小型应用程序，构建过程可能会很快，而对于大型应用程序，构建过程可能需要一些时间。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值