Nuxt项目打包报错render function or template not defined in component: anonymous

最新推荐文章于 2023-11-15 11:48:08 发布
最新推荐文章于 2023-11-15 11:48:08 发布
阅读量1k 收藏
点赞数
分类专栏： Nuxt 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Cool_so_cool/article/details/123509976
版权

从网上找了好多，几乎都是一样的解决问题，都解决不了，因为是配置seo的问题，为了方便维护数据，把js文件放在page文件夹下面了，结果本地打包的时候就会报下面图片上这个错
在这里插入图片描述
最后改了好久才知道 js 文件不能放在page下面，打包的时候就会报这个错
在这里插入图片描述
最后把js文件放在assets文件夹下面就没问题了

Cool_so_cool
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Error: render function or template not defined in component: anonymous
zhangzq_的博客
02-06 369
1111
Nuxt 报错：render function or template not defined in component: anonymous
妹纸也可以
09-28 1534
问题描述： 只想在Nuxt项目下的一个components组件下引入js而不是在插件那里引入，在组件内导入js包会报错。根据百度上别人报错的描述看了下，大概感觉是服务端客户端渲染的问题。 解决方案： 看报错不是组件名写错的问题，注释掉引入的包是正常渲染，一导入包就会报错，发现需要在包内判断if (process.client)是否为客户端。在js文件里做判断后报错消失。 ...
render function or template not defined in component: anonymous
最新发布
weixin_45855469的博客
11-15 260
难解bug
vue路由使用时报错：component: template or render function not defined.
lingliu0824的博客
06-27 1万+
vue路由使用时报错：component: template or render function not defined. 1.首先检查用到的component对应的组件是否已经定义，是否已经在当前文件引入了，并且名字是否一致 2.组件的引入写法是否正确：以下两种方法都是可以的，只是上面的写法实现了路由的懒加载 这里遇到的问题是由于引入写法错误：少写了箭头函数的()=> ...
nuxt-static-render:适用于SSR的Nuxt模块，无需补水有效载荷
04-27
静态渲染 Nuxt的一定的代价：嵌入式__NUXT__有效负载。 如果可以在服务器上呈现... 通过添加到您的Nuxt项目： export default { modules : [ 'nuxt-static-render' ] } 用法 只需将需要的标记片段放在<nuxt-st
nuxt.js添加环境变量,区分项目打包环境操作
01-18
最近由于业务需求，开发了一个nuxt.js项目。 配置打包环境变量时，发现nuxt.js的文档过于简单，无法做参照。 经查证了一些资料后，解决了该问题。遂整理成文档，发布于此，给同行一些参照。 一、添加cross-env插件 ...
nuxt-template：Nuxt.js项目模板
02-13
模板我很棒的Nuxt.js模板构建设置# 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 ...
nuxt-i18n-portfolio-template:面向开发人员的多语言产品组合模板
03-16
Nuxt i18n投资组合模板多国语言 :globe_showing_Americas: 开发人员的投资组合模板。灯塔得分： 桌面 移动的桌面视图：行动检视：特征 :check_mark_button: 国际化 :globe_with_meridians: :check_mark_button: 移动...
nuxt-blog-template：使用vuetify和nuxtjs构建的博客模板
02-09
Nuxt博客模板使用vuetify和nuxtjs构建的博客模板，可以使用明暗模式屏幕截图如果下载此代码，请删除屏幕快照文件夹。主页 （/）帖子页（/ posts /：id）管理员登录（/ admin）管理员控制台（/ admin / dasboard）...
vue2.0 vue脚手架 render函数
yasinawolaopo的博客
12-16 534
vue2.0 vue脚手架main.js里面的render函数
笔记：服务端渲染 框架 Nuxt.js是用build打包部署 报错解决
sky8880的博客
03-11 946
服务端渲染 框架 Nuxt.js是用build打包部署 报错解决，
"[Vue warn]: Failed to mount component: template or render function not defined"错误的解决
annabelle1130的博客
07-16 2985
VUE中动态路由出错： e.esm.js?a026:591 [Vue warn]: Failed to mount component: template or render function not defined. found in ---> <Anonymous> <ElCard> <ElTabPane> <ElTabs> <Ma...
vue 空格报错_Vue SSR服务端渲染实践——将vue-cli3项目平滑转为nuxt.js项目
weixin_39756481的博客
12-06 514
目前来说，搜索引擎仍然不能很好的处理SPA页面(2019.1)。那么为了流量考虑，必须应对SEO的需求。现代的前端工具链对工作效率的提升自不必言，是不可能回到古典时代的，那很明显就只能走服务端渲染(SSR)方案了。vue ssr名声最大的方案自然是nuxt.js，但是我本来是不想用的，因为项目结构会发生剧烈的变化，连router都没了，感受一下，这是项目根目录：因此我还是想要基于vue cli3的...
Vue 报错Failed to mount component: template or render function not defined
热门推荐
程邓楠的博客
08-14 2万+
Vue2使用的过程中报错误Failed to mount component: template or render function not defined 大概遇到有以下几种情况，简单记录一下。。。 1、页面引用组件时 先看一下当前的目录结构 当前页面的目录结构是vipTag/index.vue主页面；component下的tagRoule.js、tagRoule.scss和tagRoule.vue等组成的组件，因为当前组件逻辑，样式部分比较长，所以做了一下拆分；这个时候我们回到vipT
vue之nuxt.js框架如何打包及运行，自已实操一点心得记录一下
zp315379004的博客
09-18 1335
nuxt.js框架主要开发目录在pages里面，编写代码后，无论是查看编写效果还是生产环境正式打包，都需要用到npm命令。我这里理解npm它就是node.js的命令关键字，只有安装了node.js才能使用npm。下载安装node.js后，把它写进环境变量，这样可以全局访问。 其实打包并不是npm进行打包，而是npm调用nuxt进行了打包。打包的目录在.nuxt下的dist目录。 我在做一个已有项目时踩了一个坑，sass-loader版本和node-sass版本不匹配，导致我npm run build执行
ERROR in docs.42140ac.js from UglifyJs webpack打包报错
qq_38935512的博客
09-26 346
降低uglifyjs-webpack-plugin的版本 “uglifyjs-webpack-plugin”: “1.2.7”,原因是UglifyJs 针对js压缩 不支持es6语法（或者引入的第三方插件存在es6语法）使用的 uglifyjs-webpack-plugin。
nuxt 遇到的解决的问题
annuobin1120的博客
05-28 758
1 pwa 用nuxt 无法做 pwa 或者说做pwa 较困难 因为nuxt 并没有暴露出 index.html 文件，无法在里边注册pwa 而且无法拷贝sw.js到根目录， 因为sw.js 默认托管他所在的目录下 一般是放在根目录比较合适。然而nuxt 起来的服务 默认所有的都在 _nuxt 虚拟目录下 所以托管困难 2 埋点 埋点 一般需要嵌入一段js 代码 有的要求放入紧挨着bod...
Nuxt静态部署的相关问题
weixin_59907064的博客
01-14 913
自己做vue转nuxt的时候进行静态部署（npm run generate）遇到的一些问题
nuxt项目运行报错ERR_SSL_PROTOCOL_ERROR
08-29
你在运行Nuxt项目时遇到了ERR_SSL_PROTOCOL_ERROR错误。这个错误通常是由于SSL协议不匹配引起的。以下是一些可能的解决方案： 1. 检查你的SSL证书：确保你的SSL证书是有效的，并且与你的域名匹配。如果你使用的是自签名证书，请确保在本地信任它。 2. 检查你的HTTPS配置：在Nuxt项目的配置文件中，确保你正确配置了HTTPS。例如，在nuxt.config.js文件中，你可以设置`server.https`字段为`{ key: fs.readFileSync('/path/to/key.pem'), cert: fs.readFileSync('/path/to/cert.pem') }`。 3. 检查你的服务器配置：如果你将Nuxt项目部署到服务器上，请确保你的服务器已经正确配置了HTTPS。例如，在Nginx配置文件中，你需要添加SSL证书和密钥的路径。 4. 检查端口号：确保你正在使用正确的端口号进行HTTPS连接。默认情况下，HTTPS使用443端口。 如果上述解决方案无法解决问题，请提供更多详细信息，例如你使用的操作系统、服务器软件和项目配置，以便更好地帮助你解决问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值