npm run build 构建失败
vue 打包出错——Unexpected token: punc (()
ERROR in static/js/vendor.01f38d9d512d1cb86953.js from UglifyJs Unexpected token: punc (() [./node_modules/_element-ui@2.0.5@element-ui/src/mixins/migrating.js:23,0][static/js/vendor.01f38d9d512d1cb86953.js:52337,9] Build failed with errors. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! battery@1.0.0 build: `node build/build.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the battery@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! E:\Program Files\nodejs\node_cache\_logs\2018-03-07T02_24_43_985Z-debug.log
webpack.base.conf.js
module: { rules: [ { test: /\.vue$/, loader: 'vue-loader', options: vueLoaderConfig }, { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test'),resolve('/node_modules/element-ui/src'),resolve('/node_modules/element-ui/packages')] },
打包需要的文件在_element-ui@2.0.5@element-ui 包中,但是_element-ui@2.0.5@element-ui 包没有在 webpack.base.conf.js 中进行配置。
解决办法:
删除 node_modules 下的
_element-ui@2.0.5@element-ui
element-ui
然后重新放入最新版本的的 element-ui包。
问题解决。
参考文档:http://blog.csdn.net/wild46cat/article/details/78024796
相关推荐
Vue-admin-demo 是基于 Vue.js 的一个管理后台模板,它提供了一套完整的布局、组件和功能,方便开发者快速搭建企业级后台应用。这个模板可以帮助开发者理解Vue.js的核心概念和实践,同时也能节省他们在项目初期的...
Vue-UEditor-Wrap是基于Vue.js开发的一个用于集成百度UEditor的组件,它使得在Vue项目中使用UEditor变得更加方便。UEditor是一款强大的富文本编辑器,它提供了丰富的文本格式化、图片上传、表格、代码高亮等功能,...
vue-admin-beautiful::rocket::rocket::rocket:vue3,vue3.0,vue,vue3.x,vue.js,vue后台管理,admin,vue-admin,vue-element-admin,vue-admin-beautiful-pro主线版本基于element-plus,element-ui,ant-...
"vue-element-admin-4.4.0.zip" 是一个包含Vue.js前端框架的项目压缩包,主要用于构建管理后台系统。这个版本是4.4.0,意味着它可能包含了该框架的一些更新和改进。Vue.js是一个轻量级、高性能的前端JavaScript框架...
Vue-next-admin-master 是一个基于 Vue.js 构建的后台管理系统的项目模板,适用于快速开发高效、响应式的管理端应用。 在 Vue-next-admin-master 项目中,我们可以学习到以下关键知识点: 1. **Vue CLI**:Vue CLI...
Vue-image-compare 不仅仅局限于基本的图像比较,还可以结合其他 Vue 插件,如 Vuex 进行状态管理,或者 Vue Router 实现页面间的通信,以构建更复杂的应用场景。 综上所述,Vue-image-compare 是一个强大且灵活的...
vue3-element-admin 是【有来开源组织】基于 Vue3 + Vite4 + TypeScript + Element-Plus + Pinia 等前端主流技术栈从0到1搭建后台管理系统模板(前后端开源)。 后端是基于 Spring Boot 3.0 、Spring Security 6.0 ...
vue-简单上下文菜单为 Vue 构建的简单上下文菜单组件。 适用于左键和右键单击。 没有什么太花哨的,只是有效且易于使用。演示安装 # npmnpm i vue-simple-context-menu# yarnyarn add vue-simple-context-menu或者您...
特征 :rocket: React性内容存储在Vue.js计算/数据字段中,而不是模板中 造型简单 为菜单和按钮添加自己的自定义组件 使用标准的 热键支持 ...import VueFileToolbarMenu from ' vue-file-toolbar-menu '
vue-cli-plugin-cookie :cookie: Vue CLI 3/4插件,用于处理浏览器cookie 安装 使用vue-cli或vue-cli UI添加cookie插件。 import和.use()将自动添加到main.js中 vue add cookie 用法示例 获取一个cookie this . $...
在Vue-video-player中,它被用来构建可复用的播放器组件,使得开发者可以轻松地在Vue应用中集成视频播放功能。 2. **video.js**:video.js是一个跨浏览器、跨平台的HTML5视频播放器库,支持自定义皮肤、控制条和...
1. **Vue CLI**:Vue-element-admin 基于 Vue CLI(Vue 的命令行工具)构建,它提供了一套自动化的工作流,用于快速初始化项目,包括自动配置打包、热更新、单元测试等。 2. **Vue Router**:Vue 的官方路由管理器...
Vue-admin-template是基于Vue.js的一个后台管理系统模板,它提供了一个快速开发后台应用的基础架构。这个模板通常包含路由、组件、状态管理(Vuex)以及API调用等核心功能,极大地简化了开发流程。 在“学习vue-...
本文将深入探讨"vue-typescript-admin-template-master"这一项目,解析其核心知识点和实现原理。 1. Vue.js 框架基础 - 组件化:Vue.js的核心是组件系统,每个页面都可以看作是由多个可复用的组件拼接而成,提高了...
import { Slide } from 'vue-burger-menu' // import the CSS transitions you wish to use, in this case we are using `Slide` export default { components : { Slide // Register your compo
类星体框架:vue-cli-plugin-quasar :rocket: 在2分钟内开始使用Quasar Framework构建Vue应用! :warning_selector: 为了获得Quasar的高级(推荐)体验,包括构建Mobile&Electron应用程序以及轻松升级到新...
基于SpringBoot+Vue+sa-token前后端分离的科研项目管理平台 前端采用Vue、Element UI 后端采用Spring Boot、Redis & Jwt。 Sa-Token:一个轻量级 java 权限认证框架,让鉴权变得简单、优雅! 权限认证使用Jwt,支持...
vue-cli-plugin-阿波罗 :rocket: 在2分钟内开始使用Apollo和GraphQL构建Vue应用程序! 这是一个vue-cli 3.x插件,可在您的Vue项目中添加Apollo和GraphQL。赞助商 :star: 特征自动将集成到您的Vue应用中嵌入Apollo...
vue-hot-reload-api 注意: vue-hot-reload-api@2.x仅适用于vue@2.x Vue组件的热重装API。 这就是和在引擎盖下使用的东西。用法仅当您基于Vue组件编写一些构建工具链时,才使用此功能。 对于正常的应用程序使用,只...
总的来说,"vue-admin-template-master"是一个基于Vue.js和Element UI的后台管理模板,利用Vue CLI 3的强大功能,为开发者提供了一个良好的起点,帮助他们快速构建高效、美观的管理界面。通过理解和掌握这个模板的...