vue-cli3.0项目启动报错

最新推荐文章于 2023-11-16 11:22:51 发布
最新推荐文章于 2023-11-16 11:22:51 发布
阅读量1.3k 收藏 2
点赞数
分类专栏： vue.js 文章标签： vue-cli3 vue-cli3运行报错
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35775675/article/details/99848203
版权

刚刚创建了一个vue-cli3的项目，使用的是Router+Less+Vuex+TypeScript，创建成功后，cd到目录使用npm run serve启动时报错

......

Module build failed (from ./node_modules/less-loader/dist/cjs.js):

......

我赶紧检查了一遍项目，没问题啊。

在看到packpackage.json的时候，我突然想到了什么，我的less是不是还没有下载到node_modules里呢？

我试了一下，

npm i less@2.7.3 less-loader --save

启动！！！

果然好使了。。。

粗心是我进步，粗心使我日渐消瘦，小白的美好一天！！！

熬夜的小青年
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用Vue-cli 3.0搭建Vue项目的方法
01-21
1. 环境准备 1.1. 安装Node.js （建议使用LTS版本） 1.2. nrm安装及npm registry设置 // use npm npm i nrm -g // use yarn yarn global add nrm 查看可用的npm源 nrm ls nrm查看npm源.png 切换npm源(以使用taobao为例) // 用法： nrm use *** nrm use taobao // 切换之后可用 nrm ls查看是否已经切换了npm源 nrm切换npm源.png 1.3. 安装yarn npm i yarn -g 1.4. 安装vue-cli 3
Vue入门学习（2）
qq_43515721的博客
06-06 251
vue入门学习笔记（2）
【ffmpeg】vue3报错TypeError: Failed to construct ‘URL‘: Invalid URL at node_modules/@ffmpeg/ffmpeg/s
飘逸者打瞌睡
11-08 3501
在使用"@ffmpeg/ffmpeg"和“@ffmpeg/core”时候报错。在vite.config.js中添加。
Vue使用router错误
m0_70211164的博客
08-17 154
错误信息 解决方法
Vite+vue3解决发布后图片无法显示与解决Failed to construct ‘URL‘: Invalid URL问题
窗外鸟的博客
05-19 1万+
使用官方引用静态资源处理getImageUrl(name) { return new URL(`./img/${name}.png`, import.meta.url).href } 如果没有配置publicDir 选项 ，需要把图片放在public里面 此时发现项目中可以显示图片，但是发布时候报Failed to construct ‘URL’: Invalid URL错误，那是没有把 esbuild 构建目标设置为 es2020 或更高版本 配置代码： build: { targe.
vue跨域问题:jsonp proxy
Isabeldeng的博客
11-07 686
一.什么是跨域 跨域问题的出现是因为浏览器的同源策略问题，所谓同源:就是两个页面具有相同的协议（protocol），主机（host）和端口号（port），它是浏览器最核心也是最基本的功能，如果没有同源策略我们的浏览器将会十分的不安全，随时都可能受到攻击。 当我们请求一个接口的时候，出现如：Access-Control-Allow-Origin 字眼的时候说明请求跨域了 二.如何解决跨域问题 1.使用jsonp实现，网页通过script标签向服务器请求json数据，服务器受到请求后，将数据放在一个指定名字的回
vue3脚手架运行各种报错汇总(持续收集)
前端一线搬运工的博客
09-02 1792
vue3脚手架运行各种报错汇总(持续收集)
Vue3 使用教程
蓝朽的小世界
11-16 1034
vue3使用教程
vue-cli3.0 脚手架搭建项目的过程详解
10-17
主要介绍了vue-cli3.0 脚手架搭建项目的过程，本文分步骤给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
vue-cli3.0配置及使用注意事项详解
01-21
这次给大家带来vue-cli3.0配置详解，使用vue-cli3.0配置的注意事项有哪些，下面就是实战案例，一起来看一下。 新建项目 # 安装 npm install -g @vue/cli # 新建项目 vue create my-project # 项目启动 npm run ...
浅谈vue-cli 3.0.x 初体验
11-27
乘着有时间看了一下 vue-cli3.0.x 使用 。感觉还蛮不错的。 因为之前项目使用的 vue-cli 2 创建的，强行使用 eslint让我们很难受，一些与项目无关的 “build” 和 “config” ，让人看着就有一些不爽 。由于公司环境...
快速了解vue-cli 3.0 新特性
08-27
vue-cli 是 vue 官方团队推出的一款快速开发 vue 项目的构建工具，具有开箱即用并且提供简洁的自定义配置等功能。这篇文章主要介绍了快速了解vue-cli 3.0 新特性,需要的朋友可以参考下
安装启动vue，简洁（3.0版）
qq_42800468的博客
06-19 157
首先需要安装Node.js，可以在Node.js官网下载对应版本的安装文件，并进行安装。安装成功后，可以在命令行中输入node -v来检查是否安装成功。Vue CLI是一个命令行工具，可以方便地创建和管理Vue.js项目。完成Vue CLI的安装后，可以使用vue create命令来创建Vue.js项目。然后打开浏览器，在地址栏中输入http://localhost:8080，即可查看Vue.js项目。其中，my-project可以替换为你自己的项目名称。创建Vue.js项目。运行Vue.js项目。
【bug】vue-cli 3.0报错的解决办法
weixin_30530939的博客
08-09 307
先上bug图片 bug说明：初装vue_cli3.0写了个组件，运行错误，显示如图， 代码提示：[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render f...
vue3.0初认识
funny_girl的博客
09-06 313
vue3.0简单介绍
Vue3.0 项目启动（打造企业级音乐App）
HuoZhiyan 的博客
08-14 3922
Vue3.0 项目启动（打造企业级音乐App）
Vue3.0 项目打包，启动
早日成为鹏总
03-25 5393
1.打包 1.使用 vue ui打包（选择任务-选择build-选择运行） 2.使用命令打包（vite build），本项目使用vite进行打包 2.生成打包文件 1.项目中会出现一个dist文件 3.新建承载服务器 1. 进入D盘，安装express-generator生成器 执行 npm install express-generator -g 进行安装 2. 创建一个express项目 执行 express expressDemo （expres...
Vue3.0-创建Vue3.0项目
qq_45722267的博客
06-16 2045
vue3.0创建项目，vue3.0常用指令，创建工程：Npm init vue@latest，安装 Element Plus：npm install element-plus --save，安装axios：npm install axios
vue中获取并操作dom元素
热门推荐
在那山的那边海的那边，有一群程序猿
06-29 9万+
获取dom元素可以使用 elementList = document.querySelectorAll(selectors);//获取多个dom元素 如ul中的li element = document.querySelector(selectors)//获取dom元素中的第一个元素 在vue中使用 mounted(){//这里必须是mouted钩子 this.title = doc...
vue-qrcode-reader启动报错
最新发布
04-03
当使用vue-qrcode-reader启动时，可能会遇到一些错误。以下是一些常见的错误和解决方法： 1. "Cannot find module 'vue-qrcode-reader'"错误： 这个错误通常是由于没有正确安装vue-qrcode-reader导致的。请确保在项目中正确安装了vue-qrcode-reader模块。可以使用以下命令进行安装： ``` npm install vue-qrcode-reader ``` 2. "Unknown custom element: <qrcode-reader>"错误： 这个错误通常是由于没有正确注册vue-qrcode-reader组件导致的。请确保在Vue应用程序的入口文件（通常是main.js）中正确注册了vue-qrcode-reader组件。可以按照以下方式进行注册： ```javascript import Vue from 'vue'; import VueQrcodeReader from 'vue-qrcode-reader'; Vue.use(VueQrcodeReader); ``` 3. "TypeError: Cannot read property 'start' of undefined"错误： 这个错误通常是由于在使用vue-qrcode-reader时没有正确引入和使用组件导致的。请确保在需要使用vue-qrcode-reader的组件中正确引入和使用了qrcode-reader组件。例如，在模板中使用以下代码： ```html <qrcode-reader @decode="handleDecode"></qrcode-reader> ``` 以上是一些常见的vue-qrcode-reader启动报错及解决方法。如果你遇到了其他问题，请提供具体的错误信息，我将尽力帮助你解决。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值