npm install --save qrcodejs2 vant vant/lib/index.css

最新推荐文章于 2024-06-21 12:11:27 发布
最新推荐文章于 2024-06-21 12:11:27 发布
阅读量1.4k 收藏
点赞数
分类专栏： 插件安装
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44837382/article/details/112532183
版权

问题：用管理员权限在cmd下载了vant和qrcodejs2插件，但项目仍报错
在这里插入图片描述
解决办法：把vs设置为管理员权限打开，重启vs，再下载vant和qrcodejs2插件。
npm install qrcodejs2 --save
npm install vant -S
在这里插入图片描述
最后启动项目就可以了

高高049
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vant.min.js/css
06-12
"index.css" 是 Vant 的样式文件，包含了所有组件的 CSS 样式定义。为了使组件在页面上呈现正确的视觉效果，你需要在 `<head>` 标签内通过 `<link>` 标签引入这个文件。例如： ```html <!DOCTYPE html> ...
qrcodejs2插件的使用
oxygenOnly的博客
03-15 780
前端使用qrcodejs2插件生成二维码
vue 使用qrcodejs2插件实现二维码生成及二维码图片下载（小白篇）
qq_45915072的博客
05-09 3204
【代码】vue 使用qrcodejs2插件实现二维码生成及二维码图片下载（小白篇）
[保姆级教程]在uniapp中使用vant框架
最新发布
肥晨开发的学习之路
06-21 4586
和Vue.js的版本都在不断更新，因此上述步骤可能会随着版本的更新而有所变化。但是，如果你想要全局引入某个组件（这通常不推荐，因为它会增加你的包大小），你可以在。可能已经内置了类似的工具，或者你可能需要根据你的构建工具进行特定的配置。来按需加载组件，那么你可以不用全局引入样式，而是在每个组件中单独引入。然后，在你的模板部分，你可以像使用普通的Vue组件一样使用。的组件时，Babel会自动为你处理样式和组件的按需引入。根据参考文章和Vant的官方文档，在你的Vue 2.x项目的根目录下，使用npm来安装。
npm首次安装 qrcode模块报错
老夫风清扬的博客
01-04 5257
npm首次安装qrcode时，会发现各种报错如图： 这是因为在安装qrcode的同时，他要安装它的依赖，如：canvas。这时候对计算机环境有要求,需要安装各种环境，具体见以下文章： http://blog.sina.com.cn/s/blog_66a2ee500101eic4.html https://github.com/nodejs/node-gyp#on-windows
npm install报错，解决记录
橙-极纪元-cplvfx-JJY.Cheng
10-29 2万+
npm install报错，解决记录
踩坑npm install qrcodejs2和crypto-js
hay23455的博客
04-25 472
去node-modules查看，安装qrcodejs2依赖的时候会删除crypto-js，而安装crypto-js依赖的时候会删除qrcodejs2，总之这两个依赖貌似不能同时存在，所以安装完一个之后再安装另一个就会报错缺失依赖。执行上面的命令后，在node-modules里面同时找到了这两个依赖，这次终于安装好这两个依赖了。再次运行启动命令继续报错，这次报错显示找不到crypto-js依赖。通过以下命令安装crypto-js依赖。报错找不到crypto-js依赖。
npm install -g和--save有什么区别?
12-22
2. **npm install --save（保存依赖）** 使用`--save`标志，npm会将所安装的包添加到当前项目的`package.json`文件的`dependencies`对象中。这样做是为了跟踪项目运行时所依赖的包，使得其他开发者在克隆或下载项目...
npm-install-cache:从缓存安装node_modules
05-03
npm install -g npm-install-cache用法导航到节点项目并运行npm-install-cache如果自上次运行以来对package.json进行了任何更改，脚本将执行npm install并存储node_modules目录的副本，则这些将在下次执行脚本时...
hl-sdk-node：npm install --save @ shifterheadless-sdk
02-23
npm install --save @shifter/headless-sdk 用法 目录集授权令牌 如果您是通过OAuth2集成的，则可以使用授权令牌。 打字稿 import { Shifter } from '@shifter/headless-sdk' const shifter = new Shifter ( { ...
jiaminghi/data-view dataV for vite vue2 补丁 for npm/yarn
04-13
官网直接安装的不支持vite2/3+vue2的 主要修复： 1.build或者dev项目时不报错，兼容vite2/vite3，vue2； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm ...
利用npm下载qrcode生成二维码出现的问题[verbose stack Error: unable to resolve dependency tree]
m0_69644606的博客
11-15 1063
npm
npm install经常失败解决办法
热门推荐
03-06 2万+
npm install经常失败解决方法   由于npm包管理服务器在米国，故我们如果直接使用npm -install安装某包，有些时候会出现安装失败（原因你懂的）。所以，为了更好的使用体验采用了淘宝的 NPM 镜像，它是一个完整的npmjs.org镜像。   1.通过定制的 cnpm 命令行工具代替默认的 npm   npm install -g cnpm --registr
【Vue项目】安装引入使用Vant
Allen_Sushi首页
09-14 1万+
vant移动端框架的安装引入和使用
qrcodejs2和vue-qr二维码生成组件使用
jinse29的博客
07-01 2478
npm 中搜索发现好多二维码生成的组件，大概看了下，比较常用的可能是qrcodejs2和vue-qr
vant的安装和引入
qq_52722039的博客
04-29 4880
Vant ( ˈvænt ) 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。 通过 Vant，可以快速搭建出风格统一的页面，提升开发效率。 目前已有近50个组件，这些组件被广泛使用于有赞的各个移动端业务中。 如果你需要开发一个移动商城，用 Vant 就再合适不过了。 npm i vant -S ：这是简写形式。 npm install vant --save :这是完整写法。 如果你网络很慢的话，可以使用淘宝的源，但是不建议使用cnpm来进行安装。 安装好v
not found: * vant/lib/vant-css/index.css in ./src/main.js
Devin_Chen的博客
04-11 1万+
This dependency was not found: * vant/lib/vant-css/index.css in ./src/main.js To install it, you can run: npm install --save vant/lib/vant-css/index.css WAIT Compiling...11:03:17 之前写过一个vant的项目...
vue使用qrcodejs2生成中心logo二维码
qq_34082921的博客
09-21 3631
ctx.drawImage() 方法也能够绘制图像的某些部分，以及/或者增加或减少图像的尺寸。ctx.drawImage() 方法在画布上绘制图像、画布或视频。height 可选。要使用的图像的高度。要使用的图像的宽度。sheight 可选。img 规定要使用的图像、画布或视频。开始剪切的 x 坐标位置。开始剪切的 y 坐标位置。swidth 可选。x 在画布上放置图像的 x 坐标位置。y 在画布上放置图像的 y 坐标位置。1.安装 qrcodejs2。
vue 生成二维码详细教程，亲测有效
AROUND
10-17 1804
在项目中我们需要根据链接生成二维码的话还是比较常见的，最常用和最实用的就是qrcode.js了，话不多说，直接上干货。
vite 配置postcss-px-to-viewport 并兼容 vant
09-13
你可以按照以下步骤配置 Vite 的 postcss-px-to-viewport 插件并兼容 Vant： 1. 首先，确保已经安装了 Vite 和 postcss-px-to-viewport 插件： ``` npm install vite postcss-px-to-viewport --save-dev ``` 2. 在项目根目录下创建一个 `postcss.config.js` 文件，并添加以下代码： ```javascript module.exports = { plugins: { 'postcss-px-to-viewport': { unitToConvert: 'px', viewportWidth: 375, // 设计稿宽度 viewportUnit: 'vw', fontViewportUnit: 'vw', unitPrecision: 3, minPixelValue: 1, mediaQuery: false, landscape: false, landscapeUnit: 'vw', landscapeWidth: 568 // 横屏时设计稿宽度 } } } ``` 3. 在你的 Vite 配置文件（一般是 `vite.config.js`）中添加 postcss 插件： ```javascript import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' export default defineConfig({ plugins: [ vue(), { name: 'postcss', config: async () => { return { plugins: [ require('postcss-px-to-viewport')() ] } } } ] }) ``` 4. 如果你的项目中同时使用了 Vant，你需要在 Vant 的样式中禁用掉 postcss-px-to-viewport 的转换。在你的样式文件（一般是 `main.js`）中添加以下代码： ```javascript import 'vant/lib/index.css' import { createApp } from 'vue' import App from './App.vue' const app = createApp(App) app.use(/* ... */) app.mount('#app') // 添加以下代码 const { use } = require('postcss-px-to-viewport') const postcss = require('postcss') const css = ` @import "vant/lib/index.css"; ` postcss([use({ exclude: /vant/ })]) .process(css, { from: undefined }) .then(result => { const output = result.css const style = document.createElement('style') style.innerHTML = output document.head.appendChild(style) }) ``` 这样就完成了 Vite 配置 postcss-px-to-viewport 并兼容 Vant 的过程。你可以根据需要调整配置中的参数来满足你的要求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值