Nuxt.js Vue-admin-template后台管理部署和启动前报错的坑

最新推荐文章于 2024-07-09 16:51:08 发布
最新推荐文章于 2024-07-09 16:51:08 发布
阅读量1.3k 收藏 3
点赞数
分类专栏： Vue+Nuxt.js 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/abc465200/article/details/109311949
版权
本文介绍了在使用Nuxt.js和Vue-admin-template进行后台管理部署时遇到的启动错误问题。启动报错提示'This is probably not a problem with npm...'，解决方法是理解npm run dev是开发环境，而npm run build用于生产环境。当尝试直接通过file://打开index.html时，由于vue-cli的配置，需要将dist文件夹置于HTTP服务器根目录。若想在本地查看，可以采取特定命令。
摘要由CSDN通过智能技术生成

1.启动经常报错：


    E:/IdeaProjects/guli-vue-admin/index.html:17257:11

  - index.html:17262 Q3Bv.module.exports
    E:/IdeaProjects/guli-vue-admin/index.html:17262:3

  - index.js:286 HtmlWebpackPlugin.executeTemplate
    [guli-vue-admin]/[html-webpack-plugin]/index.js:286:14

  - index.js:176
    [guli-vue-admin]/[html-webpack-plugin]/index.js:176:20



  Build failed with errors.

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! xiaoyu-admin@3.8.0 build: `node build/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the xiaoyu-admin@3.8.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!     D:\DevelopTool\nodejs\node_cache\_logs\2020-10-27T06_51_56_811Z-debug.log

E:\IdeaProjects\guli-vue-admin>

重要的一句话是：This is probably not a problem wit

最低0.47元/天 解锁文章
小峰同学的前端之路
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Nuxt.js重构Vue项目 解决SEO问题
qq_43874157的博客
03-21 3232
从头搭建一个服务端渲染的应用是相当复杂的。幸运的是，我们有一个优秀的社区项目 Nuxt.js 让这一切变得非常简单。Nuxt 是一个基于 Vue 生态的更高层的框架，为开发服务端渲染的 Vue 应用提供了极其便利的开发体验。更酷的是，你甚至可以用它来做为静态站生成器。推荐尝试。 上面这段是Vue官方给出的服务器渲染的一种方案。原项目是一个个人网站，直接用Vue框架写的，前后分离封装性好利于维护...
Vue-admin:基于Vue.js语言的Nuxt.js服务渲染框架构建的后台管理系统
03-11
管理员 基于vue的Nuxt.js服务渲染框架的后台框架，使用了docker部署方式。 功能介绍 用户模块 登录注册 找回密码 邮箱激活 用户标签 用户分组 文章模块 增删改查 标签管理 消息模块 实时推 IM聊天 权限模块 用户权限 操作日志 系统模块 任务等级 角色管理 权限分配 官员管理 其他模块 微信授权 构建设置 # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and launch server $ npm run build $ npm start # generate static project $ npm run generate pm2部署： pm2 start npm --name
nuxt和vue-admin-template部署
weixin_46831482的博客
11-22 1862
vue-admin-template部署到服务器 1.安装nginx 新建文件夹 mkdir develop 下载nginx包 wget http://nginx.org/download/nginx-1.9.9.tar.gz tar -zxvf nginx-1.9.9.tar.gz cd nginx-1.9.9 ./configure make make install cd nginx vim conf vim nginx.conf #编辑输入： location / {
nuxt启动本地之后 一直报错 http://localhost:24678/_nuxt/
最新发布
weixin_47436786的博客
07-09 353
nuxt启动本地之后 一直报错 http://localhost:24678/_nuxt/我研究了博客https://blog.csdn.net/weixin_55042716/article/details/130682782好像不能成功，于是我找到了https://github.com/nuxt/nuxt/issues/12748至少这个配置是对我有用的。
nuxt-firebase-admin:使用Nuxt.js的Firebase项目的管理工具
05-18
-Firebase管理工具 使用Nuxt.js的Firebase项目的管理工具 - 要求 您需要使用npm的 - 首先 设置server / config.js 设置会话密钥（生成随机值） 设置Firebase API密钥和projectId 获取服务帐户密钥 去火力基地项目 移至“项目设置->服务帐户” 生成密钥，重命名并放置到项目的根目录 设置数据库 启用具有严格访问权限的Cloud Firestore 在Firebase项目（“身份验证”页面）中创建用户并复制uid 在文档“ [您的用户uid]”中添加集合“ administration-users ” 在用户文档中设置默认结构： email（ String ）=您的用户电子邮件 uuid（ String ）=您的用户uid 外观（对象） 导航（布尔）= true / false 主题（字符串）=浅/深 颜色（
vue-admin-pro:使用vue和nuxtjs编写的用于公司中后台的解决方案
05-10
vue-admin-pro Solution for company middle and backstage, written using the vue and nuxtjs 介绍 vue-admin-pro是一个企业中后台的前端解决方案。该方案使用了vue、nuxtjs。在设计上的参考目标是阿里使用ant design设计的ant design pro。在线查看地址 安装使用 首先clone该代码库到本地 git clone https://github.com/gmars/vue-admin-pro.git 然后运行 cd vue-admin-pro yarn install 运行项目 yarn dev 浏览 在浏览器中输入 就可以访问 目录结构 |-components 封装的组件目录 |-pages 页面组件 |-plugins 第三方组件
推荐一款高效开发利器：Nuxt Material Admin
gitblog_00066的博客
04-20 391
推荐一款高效开发利器：Nuxt Material Admin 项目地址:https://gitcode.com/eddami/nuxt-material-admin 项目简介 Nuxt Material Admin 是一个基于 Nuxt.js 和 Material UI 构建的现代化管理界面模板。它提供了一个快速启动后端管理系统或者企业级应用开发的框架，帮助开发者以优雅的方式实现功能丰富的后台面板...
materio-vuetify-vuejs-admin-template.zip
07-06
总的来说，"materio-vuetify-vuejs-admin-template.zip"是一个高效启动后台应用开发的工具，它结合了Vue.js的灵活性和Vuetify的美观与实用性。通过利用这个模板，开发者可以快速构建出专业且功能丰富的管理界面，...
admin-one-vue-bulma-dashboard:管理员一-免费Vue.js Bulma管理员仪表板SPAPWA
05-10
Admin One是一个简单，美观且免费的Vue.js Buefy Bulma管理控制台（SPA / PWA）。 根据MIT许可免费 PWA / SPA —单页应用 使用Bulma，Vue.js，Buefy和Vue CLI构建 带变量的SCSS源 目录 其他版本 这是Bulma Vue.js ...
vue cli nuxt_基于Nuxt和vue-material-admin模板的Vue-CLI样板
cuk5239的博客
07-26 433
vue cli nuxt Nuxt材料管理员 (Nuxt Material Admin) Nuxt.js + vue-material-admin boilerplate. Nuxt.js + vue-material-admin样板。 This template is based on Vuetify. 该模板基于Vuetify。 View demo 查看演示 Download Sour...
nuxt-vuetify-admin：带有firebase的nuxt vuetify-admin
02-09
测试 构建设置 # install dependencies $ yarn install # serve with hot reload at localhost:3000 $ yarn dev # build for production and launch server $ yarn build $ yarn start # generate static project $ yarn generate 有关工作原理的详细说明，请查看 。
基于Nuxt内容管理系统
08-10
基于Nuxt内容管理系统，Koa web服务，Mongoose mongodb数据存储，i18n多语言，SSR服务端渲染，PWA渐进式WebApp应用
vue-admin-template-3.8.0.zip
08-13
vue-admin-template前端页面开发框架，你可以把 vue-element-admin当做工具箱或者集成方案仓库，在 vue-admin-template 的基础上进行二次开发，想要什么功能或者组件就去 vue-element-admin 那里复制过来。在开发后台管理项目时，多用户多角色不同权限的场景可以说是非常普遍的。从零开始手写一个后台，要考虑的东西很多，这里直接拿网上大家比较熟悉的vue-admin-template后台模版来进行改造。
vue-admin模板第一次使用存在的坑
肥宅Sean
04-05 672
简述 我的前端水平不行，只是偶尔才会需要写个简单的网页。 最近有个项目需要用到网页来做展示，因为公司内部之前是有人写过基于vue-admin的框架的web，老大就希望我能移植到公司内部使用的框架上。 但是配置vue的时候实在是存在有太多的问题了。 问题以及对应的解决方案 ...
Vue+Nuxt如何实现后台管理系统的权限控制
伊娃的博客
05-28 3403
页面权限控制分为两种： 菜单中的页面是否能被访问 页面中的按钮（增、删、改）的权限控制是否显示 大致的页面访问权限的流程： 详细实现过程： 1、创建路由表 左侧菜单的列表，我放在vuex中的一个模块js中 直接贴代码routerPermission.js： state中的permission为模拟的从接口中获取的权限表，slideMenu为左侧导航菜单的列表。 ROUTER_MATCH为路由与权限...
vue-admin-template 开发爬坑记录
qq_44065349的博客
09-16 559
vue使用添加依赖 npm -i 需要安装的依赖包(-S=–save 环境依赖，-D 开发依赖) npm install --registry=https://registry.npm.taobao.org
vue打包出现报错
weixin_34221775的博客
05-06 3875
有没有大佬碰到过类似的错误，小白求解 ERROR in static/js/app.a60f7dcc.js from UglifyJs Unexpected token punc «:», expected punc «,» [static/js/app.a60f7dcc.js:2161,16] Build failed with errors. npm ERR! code ELIFECYCLE ...
探索未来前端开发的瑰宝：Nuxt 3 Admin Template
gitblog_00016的博客
06-26 449
探索未来前端开发的瑰宝：Nuxt 3 Admin Template 项目地址:https://gitcode.com/WailanTirajoh/nuxt3-admin-template 在快速迭代的技术浪潮中，高效而优雅地构建管理界面变得日益重要。今天，我们为你揭开开源世界的又一力作——Nuxt 3 Admin Template，一个基于Nuxt 3的现代管理员模板，它不仅简化了企业级应用的开发...
nuxt.js使用vue-seamless-scroll
09-08
要在Nuxt.js中使用vue-seamless-scroll，首先需要在plugins目录下创建一个vue-seamless-scroll.js文件，并在文件中导入Vue和SeamlessScroll组件，然后使用Vue.use(SeamlessScroll)进行注册。 接下来，在nuxt.config...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值