添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

vue项目报错如下:

./pageLift.vue in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/testPage/index.vue?vue&type=script&lang=js&

一般是指引入的文件不存在,检查错误开头的文件是否存在或者检查路径是否正确

./pageLift.vue in ./node_modules/cache-loader/dist/cjs.js??

vue项目报错如下:./pageLift.vue in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/testPage/index.vue?vue&t.
cjs . js ?!./ node _ modules /babel- loader /lib/index. js !./ node _ modules / cache - loader / dis t/ cjs . js ?!./ node _mod
ERROR Failed to compile with 1 error 下午4:35:05 This dependency was not found: vue -editor-bridge in ./ node _ modules / cache - loader / dis t
./components/HelloWorld. vue in ./ node _ modules / cache - loader / dis t/ cjs . js ref –0-0!./ node _ modules / vue - loader -v16/ dis t ref –0-1!./src/App. vue vue &type=script&lang= js 因为安装element-plus后把app. vue 里的代码替换了,找不到HelloWorld. vue 或者里边的引用,所以 报错 了,此错
swiper/ vue in ./ node _ modules / cache - loader / dis t/ cjs . js ?? ref --13-0!./ node _ modules /babel- loader /lib!./ node _ modules / cache - loader / dis t/ cjs . js ?? ref --1-0!./ node _ modules / vue - loader -v16/ dis t?? ref --1-1!./src/components/Swiper/index. vue ? vue &type=script&setup=true&lang= js
根据你提供的错误信息来看,可能是在 Vue 组件中引入 Swiper 时出现了问题。请按照以下步骤进行排查和修复: 1. 首先,确认你已经在 项目 中安装了 `swiper` 包。可以通过以下命令来检查: ```bash npm list swiper 如果没有安装或者版本不正确,可以执行以下命令重新安装: ```bash npm install swiper 2. 确保在引入 Swiper 的组件中,按照正确的方式导入 Swiper 和 SwiperSlide 组件: ```javascript import { Swiper, SwiperSlide } from 'swiper/ vue '; import 'swiper/swiper-bundle.css'; 3. 确保你的 项目 中已经安装了 ` vue - loader ` 的 v16 版本,因为根据错误信息,你使用了 ` vue - loader -v16` 的引入方式。你可以通过以下命令检查 ` vue - loader ` 的版本: ```bash npm list vue - loader 如果版本不正确,可以执行以下命令更新到最新版本: ```bash npm install vue - loader @^16.0.0 4. 如果上述步骤都没有解决问题,可能是 webpack 配置有误。请检查你的 webpack 配置文件,确保已正确配置 ` vue - loader `。例如,在 `webpack.config. js ` 或 ` vue .config. js ` 中添加以下内容: ```javascript module: { rules: [ // ... test: /\. vue $/, loader : ' vue - loader ' 确保你的配置与你的 项目 和构建工具相匹配。 请按照以上步骤逐步检查和修复问题,如果问题仍然存在,请提供更多相关的错误信息,以便我能够更好地帮助你解决问题。