【异常】Jenkins执行前端项目Npm构建时，出现报错This dependency was not found: vue-class-component in ./node_modules/vu

已于 2024-03-20 21:31:27 修改
阅读量2.5k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 007 - 大前端技术 文章标签： 前端 vue.js jenkins
于 2023-04-22 20:26:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wstever/article/details/130246369
在Jenkins中执行前端Vue项目时遇到错误，提示缺少vue-class-component依赖。该组件是一个用于Vue的TypeScript装饰器，提供类式组件定义。解决方案是通过npm安装vue-class-component并重新构建项目。

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

一、报错截图

同事的代码变更，导致了在Jenkins无法执行构建
在这里插入图片描述

13:50:30   WARN  A new version of sass-loader is available. Please upgrade for best experience.
13:50:31  TypeError: Cannot set property mark of #<Object> which has only a getter
13:50:31  TypeError: Cannot set property mark of #<Object> which has only a getter
了解本专栏 订阅专栏 解锁全文 超级会员免费看
前端遇到的问题——This dependency was not found: core-js/缺少依赖项
weixin_51583875的博客
06-30 803
问题：在vscode中，使用npm run serve启动项目时遇到了问题：显示This dependency was not found: core-js/缺少依赖项；3.输入npm install core-js@2 --save。返回Vscode:成功解决依赖项缺失的问题，成功启动项目。2.在这个界面中进入启动项目时，项目所在位置。1.以管理员身份打开如下界面。
This dependency was not found:*XX in ./node_modules/@vue/cli-plugin-babel/node_modules/cache-loader
2301_80587300的博客
08-15 1755
报错是每天都有的，但是大报错。我真的要哭了呜呜呜，4h+是有点夸张成分的，我是改完另一个报错接着又出现这个报错才花那么长时间的，当然改报错能改那么久有个原因是我菜 嘿嘿，收！这个解决方法看起来好蠢，大家别骂我，我也觉得好蠢啊啊啊真没想到这一步，还花了那么多时间重装更新yarn 配置密钥 安装包。我也是这么想，先配置了github密钥又下载这个包，结果还是显示这个报错，又下载又报错。接着我就发现系统帮我自动引入了mock/user，删掉这行就没报错了。这个报错，不一定有用，也是多给大家一个解决途径吧~
解决报错 This dependency was not found(这个依赖没有找到)
web15870359587的博客
03-10 4529
错误的原因是你这个文件引入或使用了文件资源,但却没有找到 我是因为写样式使用了less,却没有依赖,所以把less删掉或是下less依赖就可以了 <style scoped lang='less'> </style> 报错全部信息 ERROR Failed to compile with 1 errors 下午10:57:54 This dependency was not found: !!../…/…/node_modules/extract-text-webpack-p.
eggjs TypeError: Cannot set property router of #＜Object＞ which has only a getter解决方法
最新发布
xiangzhihong8的专栏
05-08 230
npm run dev启动服务正常，访问127.0.0.1/则报错：TypeError: Cannot set property router of # which has only a getter。查询了一下，原因是egg锁版本了（也可以检查一下自己的package.json中的egg是否没有带^）添加好^, 然后移除node_modules，重新安装依赖就可以了。
pj blog）This dependency was not found:
php菜鸟见闻录
11-13 389
pj blog）This dependency was not found: rm -r node_modules/ rm package-lock.json npm cache clean -f npm install 我整了bj也挣了很久，其中遇到过各种各样的问题，首先要安装npm，直接yum安装就行 其次你会遇到cross-env，此类开头很纠结的问题，这个搞了很久，遇到的你可以试试 安装c...
出现This dependency was not found:
coolgirljsinw的博客
04-04 737
尝试过 npm install core-js@2 与 npm install core-js@3.6.4 都不行 最后还可以用一下npm install core-js重新安装一下
Vue报错：This dependency was not found
404_Not__Found
11-28 5382
报错情况： This dependency was not found: * app.js?vue&type=script&lang=js& in ./src/App.vue To install it, you can run: npm install --save app.js vue&type=script&lang=js&
This dependency was not found:
热门推荐
qq_44258878的博客
02-18 3万+
运行时报错 ：This dependency was not found: 未找到依赖关系 看这个报错提示的时候，会以为是自己写的路径有问题，于是分析了很久App.vue与src文件见之间的关系，笃定自己没写错路径。 Vue的路径是建立在当前文件下的。 度娘了很久，借鉴了大家伙的解决方法，发现都不适用于我这儿。最后发现，是路径前面多了一个空格！ import Vue from 'vue' import App from ' ./App.vue' //这儿的路径内多了个空格 //
Jenkins nginx自动化构建前端vue项目
lchmyhua88的博客
06-23 1564
在现代的Web开发中，Vue.js已经成为一种非常流行的JavaScript框架。为了更高效地管理和部署Vue.js项目，使用自动化构建工具是至关重要的。Jenkins作为一款强大的持续集成和持续部署（CI/CD）工具，为我们提供了一种便捷的方式来自动化构建Vue.js项目。本文将介绍如何在Jenkins中配置和使用自动化构建Vue.js项目的步骤。
Error: Module did not self-register
游海东的技术专栏
01-10 6995
1、错误描述 [编译scss/sass] 14:56:38.373 internal/modules/cjs/loader.js:717 [编译scss/sass] 14:56:38.373 return process.dlopen(module, path.toNamespacedPath(filename)); [编译scss/sass] 14:56:38.373 ...
jenkins打包发布问题跟踪 Error: [object Object] is not a PostCSS plugin
weberhuangxingbo的博客
05-18 4336
之前一个前台项目构建都正常，昨天构建失败了，报错信息如下： Error: [object Object] is not a PostCSS plugin at Processor.normalize (/root/.jenkins/workspace/web-domp-kanban/node_modules/postcss/lib/processor.js:168:15) at new Processor (/root/.jenkins/workspace/web-domp-kanban
NPM 7 workspace模式安装依赖执行找不到sentry-cli
CRPER
05-11 3125
前言 搜遍了谷歌还有相关Github Repo Issues都没有，npm workspace的资料都不多，有个别都是yarn workspace说什么安装依赖异常，换成国内的淘宝源啊，来来去去都说什么源找不到， 一顿操作猛如虎，问题还是没有解决。只能自己摸索了，我的解决姿势感觉应该是全网第一例！ 系统环境 Mac OS Node 14.16.1 NPM 7.12.1 问题列表 sentry-cli ENOENT ERROR in Sentry CLI Plugin: spawn /workspace/
This dependency was not found
qq_43468348的博客
07-01 2099
运行时报错 ：This dependency was not found: 未找到依赖关系
jenkins目录下的vue3项目——pnpm install后运行报错——奇葩问题解决
yehaocheng520的博客
05-07 2816
jenkins目录下的vue3项目——pnpm install后运行报错——奇葩问题解决
解决：This dependency was not found:
u013017173的博客
09-01 3万+
报错： -!../…/…/node_modules/css-loader/dist/cjs.js??ref–6-oneOf-1-1!../…/…/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../…/…/node_modules/postcss-loader/src/index.js??ref–6-oneOf-1-2!./style.css in ./node_modules/css-loader/dist/cjs.js??ref–6-on
Vue 请求数据时报错：This dependency was not found:
YYxiaobao0726的博客
01-22 4777
最近在学习vue请求数据时，报了这样一个错误。 &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;和同学探讨再加上百度之后，找到了解决的办法： &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;其实报这个错误就是因为没有安装依赖关系，安装以下依赖就可以了。在vue-cli中默认没有scss-loader,scss-loader又需要node-sass，只安装scss-loade
解决报错 This dependency was not found:(这个依赖没有找到)
湾流~ 的博客
06-14 2万+
错误的原因是你这个文件引入或使用了文件资源,但却没有找到 我是因为写样式使用了less,却没有依赖,所以把less删掉或是下less依赖就可以了 <style scoped lang='less'> </style> 报错全部信息 ERROR Failed to compile with 1 errors 下午10:57:54 This dependency was not found: .
创建一个jenkins-client-java + Vue前端操作数据看板的项目
06-12
您需要完成以下步骤来创建一个Jenkins + Vue的操作数据看板项目： 1. 创建一个Maven项目 ``` mvn archetype:generate -DgroupId=com.example -DartifactId=jenkins-dashboard -DarchetypeArtifactId=maven-archetype-quickstart -DinteractiveMode=false ``` 2. 添加以下依赖项到pom.xml文件中： ``` <dependencies> <dependency> <groupId>com.offbytwo.jenkins</groupId> <artifactId>jenkins-client</artifactId> <version>0.3.10</version> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> </dependencies> ``` 3. 创建一个名为“JenkinsClientService”的Java类，并添加以下代码： ``` import com.offbytwo.jenkins.JenkinsServer; import com.offbytwo.jenkins.model.Build; import com.offbytwo.jenkins.model.BuildResult; import com.offbytwo.jenkins.model.BuildWithDetails; import com.offbytwo.jenkins.model.Job; import org.springframework.stereotype.Service; import java.io.IOException; import java.net.URI; import java.net.URISyntaxException; import java.util.List; import java.util.Map; import java.util.stream.Collectors; @Service public class JenkinsClientService { private JenkinsServer jenkins; public JenkinsClientService() throws URISyntaxException { jenkins = new JenkinsServer(new URI("http://localhost:8080"), "admin", "admin"); } public List<String> getJobs() throws IOException { Map<String, Job> jobs = jenkins.getJobs(); return jobs.values().stream().map(Job::getName).collect(Collectors.toList()); } public BuildWithDetails getLastBuild(String jobName) throws IOException { Job job = jenkins.getJob(jobName); Build lastBuild = job.getLastBuild(); return lastBuild.details(); } public BuildResult getBuildResult(String jobName, int buildNumber) throws IOException { Job job = jenkins.getJob(jobName); Build build = job.getBuildByNumber(buildNumber); return build.details().getResult(); } } ``` 请将“http://localhost:8080”，“admin”和“admin”替换为您的Jenkins服务器URL，用户名和密码。 4. 创建一个名为“JenkinsController”的Java类，并添加以下代码： ``` import com.offbytwo.jenkins.model.BuildResult; import com.offbytwo.jenkins.model.BuildWithDetails; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PathVariable; import org.springframework.web.bind.annotation.RestController; import java.io.IOException; import java.util.List; @RestController public class JenkinsController { @Autowired private JenkinsClientService jenkinsClient; @GetMapping("/jobs") public List<String> getJobs() throws IOException { return jenkinsClient.getJobs(); } @GetMapping("/jobs/{jobName}/lastBuild") public BuildWithDetails getLastBuild(@PathVariable String jobName) throws IOException { return jenkinsClient.getLastBuild(jobName); } @GetMapping("/jobs/{jobName}/builds/{buildNumber}/result") public BuildResult getBuildResult(@PathVariable String jobName, @PathVariable int buildNumber) throws IOException { return jenkinsClient.getBuildResult(jobName, buildNumber); } } ``` 5. 创建一个名为“app.js”的Vue文件，并添加以下代码： ``` <template> <div id="app"> <h1>Jenkins Dashboard</h1> <ul> <li v-for="job in jobs" :key="job"> <h2>{{ job }}</h2> <p>Last build status: {{ getLastBuildStatus(job) }}</p> <button @click="buildJob(job)">Build now</button> </li> </ul> </div> </template> <script> import axios from 'axios'; export default { name: 'app', data() { return { jobs: [] } }, mounted() { axios.get('/jobs') .then(response => { this.jobs = response.data; }); }, methods: { getLastBuildStatus(jobName) { axios.get(`/jobs/${jobName}/lastBuild`) .then(response => { return response.data.result; }); }, buildJob(jobName) { axios.post(`/jobs/${jobName}/build`) .then(response => { console.log(response.data); }); } } } </script> ``` 6. 创建一个名为“index.html”的文件并添加以下代码： ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Jenkins Dashboard</title> </head> <body> <div id="app"></div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="app.js"></script> </body> </html> ``` 7. 创建一个名为“App.java”的Java类，并添加以下代码： ``` import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; @SpringBootApplication public class App { public static void main(String[] args) { SpringApplication.run(App.class, args); } } ``` 8. 运行以下命令启动应用程序： ``` mvn spring-boot:run ``` 现在，您已经创建了一个Jenkins + Vue操作数据看板项目。您可以通过在浏览器中打开“http://localhost:8080”来查看该应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

本本本添哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值