electron-vue 执行npm run build无法打包提示 Identifier ‘tasks‘ has already been declared解决方案

最新推荐文章于 2025-06-09 10:05:22 发布

转载最新推荐文章于 2025-06-09 10:05:22 发布 · 1.5k 阅读

4 ·

CC 4.0 BY-SA版权

原文链接：https://blog.csdn.net/v774317632/article/details/120867076

文章标签：

#vue.js #electron #npm

electron点滴知识专栏收录该内容

5 篇文章

订阅专栏

本文档详细记录了在使用 Electron-Vue 进行项目打包时遇到的两个常见错误：1) 'tasks' 变量重复声明，解决方案是修改 .electron-vue/build.js 文件中对应的 tasks 变量名。2) 'Multispinner' 引用错误，通过安装 multispinner 模块并正确引入解决。遵循这些步骤，可以成功解决打包过程中的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、electron-vue npm run build提示 Identifier ‘tasks’ has already been declared


  
    
     
    
    
     
      const tasks = 
      new 
      Listr(
     
    

    
     
    
    
     
              ^
     
    

    
     
    
    
      
     
    

    
     
    
    
     
      SyntaxError: 
      Identifier 
      'tasks' has already been declared
     
    

    
     
    
    
     
          at wrapSafe (internal/modules/cjs/loader.
      js:
      979:
      16)
     
    

    
     
    
    
     
          at 
      Module.
      _compile (internal/modules/cjs/loader.
      js:
      1027:
      27)
     
    

    
     
    
    
     
          at 
      Object.
      Module.
      _extensions..
      js (internal/modules/cjs/loader.
      js:
      1092:
      10)
     
    

    
     
    
    
     
          at 
      Module.
      load (internal/modules/cjs/loader.
      js:
      928:
      32)
     
    

    
     
    
    
     
          at 
      Function.
      Module.
      _load (internal/modules/cjs/loader.
      js:
      769:
      14)
     
    

    
     
    
    
     
          at 
      Function.
      executeUserEntryPoint [
      as runMain] (internal/modules/run_main.
      js:
      72:
      12)

点击内容或者外部自动关闭图片预览

这里错误就是build.js中tasks变量重复声明

解决办法：

找到项目根目录 .electron-vue/build.js修改下面代码，修改其中一对的tasks变量名，需要注意的是本文件中一共包含四个tasks，前两个是一对，后两个是一对，修改时请对应修改

修改完成重新运行 npm run build 又会提示下面错误

2 、electron-vue npm run build提示 ) ReferenceError: Multispinner is not defined


  
    
     
    
    
     
      (
      node:
      28120) 
      UnhandledPromiseRejectionWarning: 
      ReferenceError: 
      Multispinner is not defined
     
    

    
     
    
    
     
         at build (
      D:\electron\electronDemo03\.
      electron-vue\build.
      js:
      38:
      13)
     
    

    
     
    
    
     
         at 
      Object.<anonymous> (
      D:\electron\electronDemo03\.
      electron-vue\build.
      js:
      24:
      6)
     
    

    
     
    
    
     
         at 
      Module.
      _compile (internal/modules/cjs/loader.
      js:
      1063:
      30)
     
    

    
     
    
    
     
         at 
      Object.
      Module.
      _extensions..
      js (internal/modules/cjs/loader.
      js:
      1092:
      10)
     
    

    
     
    
    
     
         at 
      Module.
      load (internal/modules/cjs/loader.
      js:
      928:
      32)
     
    

    
     
    
    
     
         at 
      Function.
      executeUserEntryPoint [
      as runMain] (internal/modules/run_main.
      js:
      72:
      12)
     
    

    
     
    
    
     
         at internal/main/run_main_module.
      js:
      17:
      47

点击内容或者外部自动关闭图片预览

解决方法：安装multispinner模块在.electron-vue\build.js 引入multispinner

解决方法 先安装 Multispinner ，再在文件中引用

cnpm i  multispinner --save

注意单词大小写

const Multispinner = require('multispinner')

修改完成后重新运行 cnpm run build即可完成打包

转载：https://blog.csdn.net/v774317632/article/details/120867076

electron-vue 执行npm run build无法打包 提示 Identifier ‘tasks‘ has already been declared解决方案

1、electron-vue npm run build提示 Identifier ‘tasks’ has already been declared

2 、electron-vue npm run build提示 ) ReferenceError: Multispinner is not defined

electron-vue 执行npm run build无法打包提示 Identifier ‘tasks‘ has already been declared解决方案