vue3.0搭建项目踩坑

最新推荐文章于 2023-12-11 10:26:15 发布
原创 最新推荐文章于 2023-12-11 10:26:15 发布 · 438 阅读 · 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等核心依赖。

vue3.0项目搭建

  • vue-loader跟vue-template-compiler已经不能用了
  • 安装vue-loader@next @vue/compiler-sfc
  • 安装vue@next vue-router@next vuex@next
vue3+vite - 解决报错error when starting dev server: Error: Failed to resolve vue/compiler-sfc.（项目启动运行出错）
高级前端工程师
12-25 8031
vue3，vite，运行报错，error when starting dev server，Error: Failed to resolve vue/compiler-sfc.，vite项目运行出错，vue3启动报错，npm run dev，vue3+vite启动项目报错，yarn dev，安装项目依赖后运行报错，@vitejs/plugin-vue，vue3运行前端报错：error when starting dev server，使用vite创建项目，启动dev时报错，更新版本也不行，重新安装insta
【前端小卡】通过vuecli3.0+兼容IE踩坑记录，学习解决问题的方式
Equicy的博客
04-06 1072
看完这篇文章，如果还不能解决你的vue兼容ie问题，我来手把手教你，我希望在这篇文章中，你不仅仅为了解决兼容性问题，而是学会一种解决问题的思路。 为什么需要兼容IE？ 可能兼容IE是每一个前端开发者头痛的问题，谷歌、火狐他不香吗？香啊，但是不能让用户站在开发者的角度去使用产品吧？如果甲方爸爸就要用IE，你又能如何？哈哈，废话不多说，进入正题，开始我们的项目是vuecli2.0搭建的时候，解决IE非...
Error: Failed to resolve vue/compiler-sfc——vite项目启动报错——npm run serve
最新发布
yehaocheng520的博客
12-11 5211
Error: Failed to resolve vue/compiler-sfc——vite项目启动报错——npm run serve
vue3.2.X + Vite2.X + Pinia2.X的前端项目常见报错
listener_life的博客
05-25 9828
vue3.2.X + Vite2.X + Pinia2.X项目中，常见错误
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的版本不一
error when starting dev server:Error: Failed to resolve vue/compiler-sfc.
左不言的博客
02-10 7303
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 dependency tree.
Vue3.0入门实战：免费视频教程及最新踩坑经验分享
Vue CLI提供了一种快速搭建Vue.js项目的便捷方式，而Vite则是一个更现代的前端构建工具，它以原生ESM的方式提供快速的冷启动和热模块替换（HMR）。 - **TypeScript支持**：Vue 3.0原生支持TypeScript，这为...
Electron & Vue踩坑（1）：整合vue 3.0 + electron 11.2.1 & 使用ffi-napi调用dll
in twilight
03-31 2953
搭建环境： vue-cli 4 electron 11.2.1 npm 6.14.11 node .12.18.3x86
vue-cli3+electron构建项目打包踩坑记
qq_41538952的博客
09-01 711
构建项目的过程就不说了,网上一大堆,一搜一大把,主要是讲一下在当前环境下使用electron-builder打包的问题； package.json配置如下： 如图,electron/electron-builder/webpack等都是最新盘本,electron打包是有一个默认安装路径的,并且在不加任何配置的情况下,是直接安装在默认路径下的;目前项目需求打包之后让用户能够自己选择安装路径的;解决过程如下： 1.查看electron官方说明：如下 大概的意思是我们需要配置nsis这一关键项,a
vue-socket.io踩坑总结（跨域问题，数据接收问题，koa无法connection问题，部分细节问题）
weixin_44489222的博客
11-25 6297
最近项目上要用到socket服务，捣鼓了一天，踩了很多坑，记录一下。 项目架构 koa2 + vue/cli3 先看一下网上有没有现成的库，搜索一下：vue socket，发现有一个vue-socket.io库，还蛮多人用的，跟着网上的写法走。 socket.io搭建使用 koa2增加socket.io npm i socket.io -S koa2使用的中间件模式，将socket和http共用一个端口 // app.js const Koa = require('koa') const a.
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第三天，失败了，求解
Symiac的博客
04-16 390
问题：点击第一页第二页的东西都没有显示第一第二页的内容，只是导航栏的地址变了，第一页的链接点了但是没有变地址，压着command再点击会打开新的页面，导航的地址变为/first，但是也没有显示first页面 求大神指点～～ 效果 点击第二页： 1、new Vue问题 问题不让用new开头 改正： 报错： 改正： 2、代码格式： 每一行后面都不需要...
解决vue3.0报错：Cannot find module ‘vue-loader-v16/package.json‘
xiaodouxuan11的博客
09-30 510
报错信息如下： 问题原因： 应该npm版本过低，作者亲身测试，更新npm或者用方案1 解决方案1： 使用命令 cnpm -- install 代替 cnpm install 解决方案2 npm i -g npm cnpm i-g cnpm
使用pnpm运行项目报错error when starting dev server: Error: Failed to resolve vue/compiler-sfc.
wmq104的博客
09-23 2912
使用pnpm运行项目报错： # 报错 运行"pnpm install"成功后，运行"pnpm dev"报如下错误： ``` 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 dependency tree. at resolveCompiler (C:\workspace\l
【无标题】
qq_53864578的博客
04-26 2618
报错信息： 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启动时报错 Cannot find module ‘vue-loader-v16/package.json‘
lyxkgc的博客
09-16 846
从gitee上down了一个项目。 npm i 启动的时候报错。 尝试了如下方法可行。 留坑。 ERROR Error: Cannot find module 'vue-loader-v16/package.json' Error: Cannot find module 'vue-loader-v16/package.json' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:582:15) at Fu
Vue3项目运行Error: Cannot find module ‘vue-loader-v16/package.json‘问题处理
weixin_37861326的博客
07-24 4492
查看这个依赖是在@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实战项目安装各种插件时候报错问题和解决
03-11 1万+
vue3+ts实战相关问题
[vue问题]开发中问题集合
前端
09-16 1124
“TypeError: Cannot read property ‘Request’ of undefined” 这是测试文件的报错，最后发现是因为项目启动的时候就报错了，是其它错误导致的，所以测试文件才会提示这种错误，当启动报错修复后，该问题没有了 热加载问题 问题描述 主要是文件更新后，但是热加载显示加载的文件并没有更新 具体描述 当src文件夹中的vue文件引入的js文件，修改了引入文件名称的时候 例如：index.js文件引入 …/…/mixins/index.js 因为mixins中文件名称变化m
Vue3.0学习项目搭建实战指南
4. Vue3.0项目创建：创建一个Vue3.0项目可以使用Vue CLI（命令行界面）或者Vite。Vue CLI是Vue.js官方的项目脚手架工具，它能够帮助我们快速搭建Vue项目结构。Vite是一个全新的前端构建工具，它利用了ESM...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值