Could not compile template D:\\Java\\vueweb\\vue-front\\node_modules\\@nuxt\\vue-app\\template\\App.

最新推荐文章于 2022-04-13 19:59:14 发布
最新推荐文章于 2022-04-13 19:59:14 发布
阅读量2.7k 收藏 7
点赞数 8
分类专栏： OSS 前端 文章标签： spring 阿里云 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45790384/article/details/121463477
版权

今天在做swiper依赖导入加载项目的时候是出现了问题，具体问题如下
在这里插入图片描述
这个一般就是swiper依赖和vue-awesome-swiper依赖两者依赖过高，而在程序中引入方式不符合当前版本的形式，所有才报的错误。
我这边引入的方式是swiper的6版本下的写法，所有我要把版本降下去
在终端当前项目路径下输入命令：npm install swiper@4.5.1
在这里插入图片描述
在package.json依赖配置文件中可以看到刚刚添置的版本
在这里插入图片描述
最后在执行命令：npm run dev ，重新启动项目
在这里插入图片描述
问题就解决了

发飙的恒星
关注
  • 8
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
谷粒学苑项目问题解决
闲时不练功，忙时一场空
03-30 3588
跨域问题 Access to XMLHttpRequest at ‘http://localhost:9001/eduservice/user/login’ from origin ‘http://localhost:9528’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is
next-compile-node-modules:Next.js插件可使用Babel编译所有node_modules
05-27
Next.js插件可使用Babel编译所有node_modules 。 动机 程序包作者应将任何JavaScript代码发布到npm，只要它只是纯有效JavaScript（任何版本）即可。 在软件包级别进行编译是没有意义的，因为作者不知道在哪种上下文...
NUXT报错解决Could not compile template XXX：Cannot resolve XX from XX
weixin_43303530的博客
12-19 8839
完整报错： 使用npm run dev启动自己的项目时产生的报错。查找该报错信息中路径时发现并未找到自己的磁盘中存在该文件。怀疑可能是依赖不完整导致文件无法找到。 使用npm install或cnpm install安装依赖： 仍然报错。 查看nuxt.config.js文件，发现该css文件上在此处引入。查找绝对路径，找到nuxt-swiper-plugin.js文件： 怀疑vue-awe...
swiper插件报错 vue_Vue整合swiper报错Could not compile template .....swiper\dist\css\swiper.css解决办法...
weixin_39548787的博客
12-22 2835
问题描述今天做一个前端项目,安装幻灯片插件vue-awesome-swiper后 运行npm run dev 后报错如下:`ERROR Could not compile template E:\java\JavaWorkSpace\OnlineEducation\WebReview\vue-front-1010\node_modules\@nuxt\vue-app\template\App.j...
nuxt的页面中 使用swiper幻灯片插件报错
qq_39564710的博客
02-05 491
报错 Could not compile template D:\\VSCodeWork\\qiyun\\qiyun-front\\node_modules\\@nuxt\\vue-app\\template\\App.js: Cannot resolve "swiper/dist/css/swiper.css" from "D:\VSCodeWork\qiyun\qiyun-front\swiper\dist\css\swiper.css" 解决办法 找到 package.json ，把"vue-.
unity升级2017版本后，安卓出包遇到Could not compile build file.问题的解决办法
qq_36304697的博客
11-06 8126
一、 打开Unity-->Edit-->Preferences-->External Tools     JDK 版本需1.8以上，具体可前往官网下载，SDK至少包含API 26 或以上！ 二、     如果上诉均已满足，打开unity 安装路径：Unity\Editor\Data\PlaybackEngines\AndroidPlayer\Tools\GradleT...
webpush-java:Java的Web Push库
05-13
Web推Java 8的Web Push库。支持有效负载和VAPID。安装对于Gradle，将以下依赖项添加到build.gradle ：compile group : ' nl.martijndwars ' , name : ' web-push ' , version : ' 5.1.1 ' 对于Maven，将以下依赖项...
Vue2.5-2.6-3.0 开发去哪儿网App源码.zip
12-16
Vue 2.6则在此基础上进一步完善，比如引入了`Vue.compile`的全局API，增强了模板编译的功能，并且对响应式系统的性能进行了优化。 在向Vue 3.0过渡的过程中，最大的变化是采用了TypeScript重构，提供了更好的类型...
electronic-vue-typescript-starter：支持VueJS + TypeScript的电子启动器
02-04
:nut_and_bolt: Electron-Vue-TypeScript入门Electron Shell启动程序要比您键入npm start更快地告诉您“这些天的孩子”。警告：电子编译（此启动程序的核心依赖之一）将不再被主动维护。 请考虑直接使用启动您的项目...
ccds-java-app:ccds-java-app
04-25
【ccds-java-app:ccds-java-app】是一个基于Maven构建的Java应用程序项目。Maven是Apache软件基金会开发的一款项目管理工具，它主要用于管理和构建Java项目。通过使用Maven，开发者可以轻松地处理项目的构建、依赖...
Unity Gradle出包遇到Could not compile build file.问题的解决办法
silence_1990的博客
10-20 1万+
CommandInvokationFailure: Unable to convert classes into dex format. C:/Program Files/Java/jdk1.8.0_131\bin\java.exe -Xmx2048M -Dcom.android.sdkmanager.toolsdir="C:/Users/Administrator/AppData/Local/Android/sdk\tools" -Dfile.encoding=UTF8
mysql 安装过程中的错误：my-template.ini could not be processed and written to XXX\my.ini.Error code-1
Eliot
09-10 7836
安装mysql的过程中，在最后配置mysql时，提示错误：Configuration file tmeplate E:\编程\MySQL\my-template.ini could not be processed and written to E:\编程\MySQL\my.ini.Error code-1. 原因：mysql的安装目录中存在中文 解决方法：使用全英文的安装目录
Spring Cloud ZooKeeper集成Feign的坑1，错误：Consider defining a bean of type 'org.springframework.web.client...
angou6476的博客
09-20 718
错误如下： ERROR 31473 --- [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** APPLICATION FAILED TO START *************************** Description: ...
[Vue warn]: Error compiling template: vue 编译模板错误
热门推荐
马一文
11-08 2万+
[Vue warn]: Error compiling template: <div id="app"> <ul class="loginul"> <li> 登陆账号：<input type="text" id="userCode" value="{{user.userCode}}" name="use
template要加s，重启服务，不然报错
weixin_30407099的博客
06-03 152
转载于:https://www.cnblogs.com/feifei-cyj/p/10967119.html
【bug】Could not find method compile() 解决
Raleigh
10-13 1万+
集成第三方库出现 Error:Could not find method compile() for arguments [com.android.support:design:23.4.0] on DefaultExternalModuleDependency{group=‘com.android.support‘, name=‘appcompat-v7‘, version=‘23.4
Configuration file tmeplate mysql\my-template.ini could not be processed and written to Error code-1
物死人废-我的Java
05-20 5495
tree_new_bee Configuration file tmeplate x:\xxx\mysql\my-template.ini could not be processed and written to x:\xxx\mysql\my.ini.Error code-1. 网上一大箩筐的不能中文中文，这个路径里可没中文， win 7 或 server2008 下，
Could not compile template..Package subpath ‘./dist/css/swiper.css‘ is not defined by “exports“ in..
weixin_44778397的博客
04-13 1429
今天在做swiper依赖导入加载项目的时候是出现了问题，具体问题如下: 发现问题出在swiper和vue-awesome-swiper版本过高 通过将其版本降低可解决问题 npm install swiper@4.5.1 npm install vue-awesome-swiper@3.1.3 ...
> vue-element-admin@4.4.0 dev > vue-cli-service serve --mode development ERROR Error loading F:\工作\his-erp-front\vue.config.js: ERROR Error: Cannot find module 'body-parser' Require stack: - F:\工作\his-erp-front\mock\mock-server.js - F:\工作\his-erp-front\vue.config.js - F:\工作\his-erp-front\node_modules\.store\@vue+cli-shared-utils@4.5.19\node_modules\@vue\cli-shared-utils\lib\module.js - F:\工作\his-erp-front\node_modules\.store\@vue+cli-shared-utils@4.5.19\node_modules\@vue\cli-shared-utils\index.js - F:\工作\his-erp-front\node_modules\.store\@vue+cli-service@4.4.4\node_modules\@vue\cli-service\bin\vue-cli-service.js Error: Cannot find module 'body-parser' Require stack: - F:\工作\his-erp-front\mock\mock-server.js - F:\工作\his-erp-front\vue.config.js - F:\工作\his-erp-front\node_modules\.store\@vue+cli-shared-utils@4.5.19\node_modules\@vue\cli-shared-utils\lib\module.js - F:\工作\his-erp-front\node_modules\.store\@vue+cli-shared-utils@4.5.19\node_modules\@vue\cli-shared-utils\index.js - F:\工作\his-erp-front\node_modules\.store\@vue+cli-service@4.4.4\node_modules\@vue\cli-service\bin\vue-cli-service.js at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15) at Function.Module._load (internal/modules/cjs/loader.js:746:27) at Module.require (internal/modules/cjs/loader.js:974:19) at require (internal/modules/cjs/helpers.js:93:18) at Object.<anonymous> (F:\工作\his-erp-front\mock\mock-server.js:2:20) at Module._compile (internal/modules/cjs/loader.js:1085:14) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10) at Module.load (internal/modules/cjs/loader.js:950:32) at Function.Module._load (internal/modules/cjs/loader.js:790:12) at Module.require (internal/modules/cjs/loader.js:974:19)报错如何解决
最新发布
07-21
根据你提供的错误信息，看起来是在加载 `vue.config.js` 文件时出现了错误。具体错误信息是找不到 `body-parser` 模块。这可能是因为项目中的某个模块依赖了 `body-parser`，但它未被正确安装或引入。 要解决这个问题，你可以尝试以下几个步骤： 1. 确保依赖已正确安装：运行 `npm install body-parser --save` 命令来安装 `body-parser` 模块。确保在项目根目录下执行该命令。 2. 清除缓存并重新安装依赖：运行 `npm cache clean --force` 命令来清除 npm 缓存。然后删除 `node_modules` 文件夹，并重新运行 `npm install` 命令来重新安装依赖。 3. 检查代码中是否正确引入了 `body-parser` 模块：在 `mock-server.js` 文件中检查是否正确引入了 `body-parser` 模块，并且是否在其他地方使用了该模块。 4. 检查 `vue.config.js` 文件中是否存在错误：检查 `vue.config.js` 文件中是否有语法或路径错误，确保没有其他模块缺失或路径错误的情况。 如果以上步骤都没有解决问题，可以尝试更新相关依赖包的版本，或者提供更多的错误日志和代码片段，以便更准确地定位问题所在。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

发飙的恒星

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

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

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

打赏作者

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

抵扣说明：

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

余额充值