vue3.0搭建项目踩坑

最新推荐文章于 2024-01-02 17:42:30 发布
原创 最新推荐文章于 2024-01-02 17:42:30 发布 · 421 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #js #webpack

本文介绍如何搭建Vue 3.0项目，包括安装新版的vue-loader和vue-template-compiler替代品，以及如何安装Vue 3.0、Vue Router和Vuex等核心依赖。

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

vue3.0项目搭建

  • vue-loader跟vue-template-compiler已经不能用了
  • 安装vue-loader@next @vue/compiler-sfc
  • 安装vue@next vue-router@next vuex@next
【无标题】
qq_53864578的博客
04-26 2575
报错信息： C:\Users\lenovo\vite-project>cnpm run dev vite-project@0.0.0 dev C:\Users\lenovo\vite-project vite error when starting dev server: Error: Failed to resolve vue/compiler-sfc. @vitejs/plugin-vue requires vue (>=3.2.25) to be present in the depen
记录一次Vue3.0引入ElementPlus之后样式不生效的一个大坑
m0_67401761的博客
03-07 4561
事情是这样的，我呢，主要是做后端的，很少碰前端，而且真心不擅长前端，每次碰都特别痛苦。但是最近实在是有点闲，为了能优化一下我前一阵做的一个服务型项目，准备加几个页面实现配置业务参数和查询执行记录之类的功能。所以上网看了看教程，搭了一个VUE3.0的项目，并且准备用ElementUI为VUE3.0推出的ElementPlus作为UI库。 于是我就按照教程，使用VUE/CLI脚手架搭了一个项目，并且配置了vue.config.js的配置文件（这里画个重点要考的！），然后按部就班配置了vue-router和ele
Vue和vue-template-compiler版本之间的问题
热门推荐
kchangfu的博客
10-09 3万+
今天把远程仓库拉下项目，运行'npm run dev'时，报错 1 Module build failed: Error: Cannot find module 'vue-template-compiler' 报错原因：通常出现于一些依赖库的更新或者安装新的依赖库之后(可以认为npm update已经成为一种习惯)，导致了vue和vue-template-compiler的版本不一
Vue第三天，失败了，求解
Symiac的博客
04-16 362
问题：点击第一页第二页的东西都没有显示第一第二页的内容，只是导航栏的地址变了，第一页的链接点了但是没有变地址，压着command再点击会打开新的页面，导航的地址变为/first，但是也没有显示first页面 求大神指点～～ 效果 点击第二页： 1、new Vue问题 问题不让用new开头 改正： 报错： 改正： 2、代码格式： 每一行后面都不需要...
解决vue3.0报错：Cannot find module ‘vue-loader-v16/package.json‘
xiaodouxuan11的博客
09-30 489
报错信息如下： 问题原因： 应该npm版本过低，作者亲身测试，更新npm或者用方案1 解决方案1： 使用命令 cnpm -- install 代替 cnpm install 解决方案2 npm i -g npm cnpm i-g cnpm
Vue3项目运行Error: Cannot find module ‘vue-loader-v16/package.json‘问题处理
weixin_37861326的博客
07-24 4437
查看这个依赖是在@vue_cli-plugin-typescript这个库中进行引入，大概率fork-ts-checker-webpack-plugin-v5这个是库的作者还在开发当中并没有发布的库。到这里，那么就好解决了，@vue/cli-plugin-typescript版本降级！1）@vue/cli-plugin-typescript降级，降级到～4.4.0版本"@vue/cli-plugin-typescript""~4.4.0",2）安装开发依赖vue-loader-v16。...
Vue3.0入门实战：免费视频教程及最新踩坑经验分享
Vue CLI提供了一种快速搭建Vue.js项目的便捷方式，而Vite则是一个更现代的前端构建工具，它以原生ESM的方式提供快速的冷启动和热模块替换（HMR）。 - **TypeScript支持**：Vue 3.0原生支持TypeScript，这为...
【前端小卡】通过vuecli3.0+兼容IE踩坑记录，学习解决问题的方式
Equicy的博客
04-06 1052
看完这篇文章，如果还不能解决你的vue兼容ie问题，我来手把手教你，我希望在这篇文章中，你不仅仅为了解决兼容性问题，而是学会一种解决问题的思路。 为什么需要兼容IE？ 可能兼容IE是每一个前端开发者头痛的问题，谷歌、火狐他不香吗？香啊，但是不能让用户站在开发者的角度去使用产品吧？如果甲方爸爸就要用IE，你又能如何？哈哈，废话不多说，进入正题，开始我们的项目是vuecli2.0搭建的时候，解决IE非...
Electron & Vue踩坑（1）：整合vue 3.0 + electron 11.2.1 & 使用ffi-napi调用dll
in twilight
03-31 2903
搭建环境： vue-cli 4 electron 11.2.1 npm 6.14.11 node .12.18.3x86
使用vue/cli创建vue3项目run不起来
Detectiveboy的博客
07-03 1645
报错信息如下： 看报错信息，应该是哪个模块解析失败导致的，但是项目是用vue脚手架创建的，并没有什么改动，运行就报这错，很头痛，问了一些同行，也不知道，毕竟现在vue3还处于试用中，可能会出现一些问题，新出来的版本还是需要有人帮我们踩坑的。 ...
vue-deno-compiler:sfc vue组件的编译器
05-05
Vue deno编译器 sfc vue组件的编译器 用于编译Vue单个文件组件的较低级实用程序 该软件包包含较低级别的实用程序，如果您正在为将Vue单个文件组件（SFC）编译为JavaScript的捆绑器或模块系统编写插件/转换，则可以使用这些实用程序。 浏览器版本说明 浏览器构建依赖于浏览器捆绑的postcss构建， postcss构建可在全局postcss下使用（因为Rollup无法正确捆绑）。 原料药 由于在构建系统中集成Vue SFC时的各种考虑因素，因此该API故意是低级的： 脚本，模板和样式的单独热模块替换（HMR） 模板更新不应重置组件状态 样式更新应在不重新渲染组件的情况下执行 利用该工具的插件系统进行预处理。 例如， <style lang="scss">应该由相应的webpack加载器处理。 在某些情况下，SFC中每个块的转换器不共享相同的执行上下文。 例如，当与
[vue问题]开发中问题集合
前端
09-16 990
“TypeError: Cannot read property ‘Request’ of undefined” 这是测试文件的报错，最后发现是因为项目启动的时候就报错了，是其它错误导致的，所以测试文件才会提示这种错误，当启动报错修复后，该问题没有了 热加载问题 问题描述 主要是文件更新后，但是热加载显示加载的文件并没有更新 具体描述 当src文件夹中的vue文件引入的js文件，修改了引入文件名称的时候 例如：index.js文件引入 …/…/mixins/index.js 因为mixins中文件名称变化m
启动vue报错 vue (＞=3.2.13) or @vue/compiler-sfc
lijun_xiao2009的专栏
06-27 4060
Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree 解决方法
Error: Cannot find module ‘vue/compiler-sfc‘
m0_54177068的博客
02-27 6162
用的是webpack5,把vue-loader改为较低版本即可，太低也会报错， 在package.json中将vue-loader版本修改为14.0.0后，执行npm install,再编译就可以成功了。
解决vue和vue-template-compiler版本不一致问题
weixin_45969944的博客
05-09 2888
其实是vue与vue-cli的版本不匹配，需要将vue的版本与vue-template-compiler的版本调一致就可以了。将“版本”替换为vue-template-compiler的版本。
@vitejs/plugin-vue requires vue (＞=3.2.13) or @vue/compiler-sfc to be present in the dependency tree
bey_bey_bey的博客
10-13 3万+
运行项目的时候，首先会提示要安装@vue/compiler-sfc 但是安装后运行项目成功但是页面是空白并且报错 __VUE_HMR_RUNTIME__ is not defined 摸索了半天 查看到package.json依赖文件 没有vue-loader 手动添加vue-loader 重新cnpm install 运行vue run serve 启动成功 ...
vue初始化项目时报错： Error: Cannot find module ‘vue-template-compiler‘
二三的博客
07-14 1万+
出现这个问题的原因是缺少了 ‘vue-template-compiler’ 模块。这类问题解决方案基本上都一样，网上也很多，在这里我写个随笔记录下。1、在项目内运行命令： 2、全局安装 使用上面两个任意一个方案即可，输入 命令，即可成功启动项目...
超详细-vue3项目初始化配置流程（全流程注释说明）
二三的博客
07-13 9901
1. 安装Vue脚手架 npm install -g @vue/cli 或者 yarn global add @vue/cli 2. 查看vue版本 vue --version 3. 利用vue-cli创建项目 vue create 项目名
npm ERR! vue@“^3.2.25“ from the root project
最新发布
PymBoy的博客
01-02 1187
如果以上方法都无效，您可能需要进一步检查项目的依赖关系，并确保所有依赖项的版本和兼容性正确配置。注意，降级 Vue 版本可能会导致其他依赖项出现冲突或不兼容的情况，因此请在操作之前谨慎评估。这些参数可能会导致不严格的依赖项解析，但请注意，这可能会引入其他潜在的问题和不稳定性。兼容的类似功能的替代包，并将其安装到您的项目中。根据错误提示，您遇到了依赖项冲突的问题。的特定功能，可以考虑降级 Vue 的版本至。降级 Vue 版本：如果您不需要使用。版本，而您的根项目要求使用。到最新版本，以便与您的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值