vue3.0项目启动报错

已于 2022-04-06 14:10:51 修改
阅读量2.4k 收藏
点赞数
分类专栏： 前端开发 文章标签： vue.js npm
于 2022-04-06 14:07:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39726353/article/details/123988444
版权

vue项目npm install之后启动项目报错：

error in ./src/App.vue

Syntax Error: TypeError: Cannot read property 'parseComponent' of undefined

大概意思是缺少组件，但是搜索之后没有发现组件的显示引用，考虑大概是model依赖问题；

网络搜索之后大部分回答是引入依赖vue和vue-template-compiler版本问题：

手动修改之后经过多次尝试终于可以启动。

注意：最好是根据vue版本升级或降级，我第一次降级了vue版本失败了。

彻底删除node_models，和package -lock.json.

qq_39726353
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
配置一个vue3.0项目的完整步骤
10-17
主要介绍了配置一个vue3.0项目的完整步骤，从0开始配置一个vue项目，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue3.0项目安装.docx
05-06
"Vue 3.0 项目安装指南" Vue 3.0 是一款流行的前端框架， ElementPlus 是一款基于 Vue 3.0 的 UI 组件库。本文将指导初学者如何从零开始安装 Vue 3.0 项目，并集成 ElementPlus 组件库。 Step 1: 下载 Node.js 在...
vue3.X 遇到TypeError: Cannot read property ‘parseComponent‘ of undefined解决方法
03-04 2116
npm i @vue/compiler-sfc@latest npm i vue-loader@next
vue文件报错“TypeError: Cannot read property ‘content‘ of Null
weixin_45992095的博客
03-28 2447
vue文件报错“TypeError: Cannot read property ‘content‘ of Null。经排查，只有class 使用了content样式类，
Vue_002_初识单文件组件
编程农民工的博客
06-10 356
文章目录搭建Vue项目单文件组件格式001中文件修改为单文件组件形式TodoItem组件App.vue 搭建Vue项目 cnpm install -g @vue/cli vue create my-app cd my-app npm run serve 单文件组件格式 <!-- 单文件组件模块1：模板 --> <template> <div id="app"> <img alt="Vue logo" src="./assets/logo.png"&g
errror in ./src/App.vue
Big ru的博客
02-07 882
前端错误（二）出错图片 出错图片 看的网上的一些方法，没有解决，后来发现： 这块出现的错误 发现没加’:’ 运行后 ————————————————————————— 我相信自己会在不断改bug中成长。 ...
vue3项目启动报错 in ./src/App.vue?vue&type=style&index=0&lang=scss解决办法
默然相爱鱼鱼鱼的博客
09-06 7509
【代码】vue3项目启动报错 in ./src/App.vue?vue&type=style&index=0&lang=scss解决办法。
Vue3.0配置多页面应用
03-17
Vue3.0是一个备受瞩目的前端框架更新，它引入了许多...总的来说，Vue3.0配置多页面应用是一个涉及项目结构、配置、路由和资源管理的综合过程。合理规划和配置，能够帮助开发者构建出结构清晰、易于维护的大型Web应用。
vue3.0pdf在线预览
02-25
在Vue3.0项目中，我们可以使用Vue的插件系统来封装PDF.js，创建一个自定义的Vue组件，比如`PdfViewer`。 在`PdfViewer`组件中，我们需要处理以下几个关键步骤： 1. 加载PDF文件：通过fetch或axios获取PDF二进制数据...
ERROR in ./src/App.vue Module Error (from ./node_modules/vue-loader/lib/index.js): [vue-loader] v...
weixin_40664145的博客
11-30 1万+
目录 出错现象 出错原因 解决方案 出错现象 这个报错是我在用webpack+vue-loader的时候报的错误 报错信息 ERROR in ./src/App.vue Module Error (from ./node_modules/vue-loader/lib/index.js): [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler impleme
运行vue项目时，报如下错误ERROR in ./src/app.vue?vue&type=style&index=0&lang=css
qq_53082413的博客
09-25 3万+
原因：创建项目的时候选择的是2.x版本，后续安装的less和less-loader开发依赖包版本号过高 解决：先删除原来安装的less和less-loader 命令： npm uninstall less-loader npm uninstall less 再安装 npm install less-loader@4.1.0 -D npm install less@3.9.0 -D 若在安装过程中控制台报如下错误： npm ERR! code ERESOLVE npm ERR! ERESOLVE unabl
npm run dev运行报错 error in ./src/App.vue error in ./src/components/abc.vue
juanjuan_159的博客
08-13 1286
运行时出现的问题 ; error in ./src/App.vue @ ./src/App.vue 11:0-354 @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js 解决方法： npm install vue-loader
webpack打包vue文件报错：ERROR in ./src/App.vue 1:0 Module parse failed: Unexpected token (1:0) You may need
小王_同学的博客
04-10 1万+
webpack默认不能处理vue文件，只能自己添加额外的插件进行处理 解决报错如下： 安装两个拓展插件 npm i vue-loader vue-template-compiler -D 然后在webpack.config.js添加如下配置： module: { rules: [ { test:/\.vue$/, loader: 'vue-loader...
npm run dev运行报错 error in ./src/App.vue error in ./src/components/HelloWorld.vue问题
热门推荐
H5爱好者
05-28 6万+
运行项目时候出现的问题Windows PowerShell 版权所有 (C) Microsoft Corporation。保留所有权利。 PS C:\Users\Administrator&gt; cd E:\projectwork\vuework\sell PS E:\projectwork\vuework\sell&gt; npm install npm WARN optional SKIP...
学成在线项目学习前端bug npm run dev运行报错 error in ./src/App.vue error in ./src/components/HelloWorld.vue问题
qq_37139773的博客
09-26 2383
由于node的版本低了更新一下即可。
(javascript)Vue启动时常见错误及其解决办法
祈澈菇凉
11-18 6808
(vue.js)vue npm run dev 运行错误(1/2) 错误一： ERROR Failed to compile with 2 errors error in ./src/App.vue 解决方案1: 首先是检查下你的路径有没有错；其次是你import的时候加上.vue后缀试试（components/star/...
解决Syntax Error: TypeError: Cannot read property ‘styles‘ of undefined
最新发布
菜鸡的博客
07-12 3033
使用启动。
vue中出现 TypeError Cannot read properties of undefined (reading ‘substring‘)错误
m0_67392010的博客
03-06 8420
报错的原因:你的数据来源为空 解决方案:在数据的标签里面 进行判断 v-if=“字符串内容”
vue3.0安装elementplus报错
06-28
### 回答1： 您好，可能是您在安装Element Plus时遇到了一些问题。以下是一些可能的解决方案： 1. 确保您已经安装了最新版本的Node.js和npm。 2. 确保您已经正确安装了Vue CLI 3。 3. 尝试使用npm install命令安装Element Plus，例如：npm install element-plus。 4. 如果您使用的是yarn，请尝试使用yarn add命令安装Element Plus，例如：yarn add element-plus。 5. 如果您使用的是cnpm，请尝试使用cnpm install命令安装Element Plus，例如：cnpm install element-plus。 6. 如果您仍然遇到问题，请尝试删除node_modules文件夹并重新安装Element Plus。 希望这些解决方案能够帮助您解决问题。如果您仍然遇到问题，请提供更多详细信息，以便我们更好地帮助您。 ### 回答2： 在安装vue3.0时，由于它采用了新的和旧的语法结构，所以你可能需要重新调整你的代码。如果你在安装elementplus时出现错误，下面是一些解决方案。 首先，你需要确保你的vuecli版本是4.0或以上。如果不是，请用以下指令升级： npm install -g @vue/cli 其次，你需要使用这条指令安装elementplus： npm i element-plus -S 然后你需要在main.js文件中安装elementplus import elementPlus from 'element-plus'; import 'element-plus/lib/theme-chalk/index.css'; const app = createApp(App) app.use(elementPlus) app.mount('#app') 如果你在安装elementplus期间仍然出现错误，你可以尝试以下方法解决： 1.删除/node_modules文件夹 2.执行以下指令 npm install npm cache clean --force npm install --registry=https://registry.npm.taobao.org 3.在package.json文件中加入一下指令 "resolutions": { "postcss": "^8.2.10" } } 4.尝试升级依赖 npm i vue@next npm i webpack@5.0.0 npm i @babel/core@^7.0.0 npm i @babel/plugin-transform-runtime@^7.0.0 npm i @vue/compiler-sfc@^3.0.0 npm update 总之，如果你在安装elementplus时出现了错误，你可以尝试以下解决方案，如有无法解决的问题，建议去官网搜索相关问题或者在开发者社区寻求帮助。 ### 回答3： Vue 3.0 是一个流行的前端框架，它已经在很多项目中得到广泛的使用。Element Plus 是一个基于 Vue 3.0 的 UI 组件库，非常适合用于构建优秀的前端界面，但是，当我们安装 Element Plus 的时候，可能会遇到一些报错问题。 如果你在安装 Element Plus 的时候遇到报错，通常情况下是以下几种情况： 1. 版本不匹配：Element Plus 有可能只支持某些特定版本的 Vue，比如 Element Plus 2.0 可能只支持 Vue 2.x 版本，而不支持 Vue 3.0 版本。因此，在安装 Element Plus 时，一定要仔细查看 Element Plus 所支持的 Vue 版本，并在安装时选择合适的版本。 2. 网络问题：有时候，我们安装 Element Plus 的时候可能会遇到网络问题，例如安装过程中断等。这时，我们需要检查网络稳定性或者换一种方式进行下载安装。 3. 缺少依赖：在安装 Element Plus 时，它可能会依赖其他的组件或库，如果缺少这些依赖，就会导致安装失败。因此，在安装 Element Plus 之前，一定要确认所有的依赖都已经被安装。 4. 语法错误：在安装 Element Plus 时，有可能会因为代码语法错误导致安装失败。通常情况下，这种问题都是因为代码书写不规范或者代码错误导致。 总之，对于 Element Plus 的安装报错问题，我们需要逐步排除问题，并找到解决方案。如果您确信已经遵照官方文档进行安装，却依旧无法解决问题，你可以考虑寻求社区或者 Element Plus 官方的技术支持，以便更好地解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值