分类：npm

2020
11-13

解决vue打包 npm run build-test突然不动了的问题

今天遇到一件很奇葩的事情输入npmrunbuild-test突然停在这不动了what?不动了？！后来google了一下大家都是人才运行一下这句话就动了！！npmconfigsetregistryhttp://registry.cnpmjs.org补充知识：vue_test_unit_e2e常见问题npmrununit单元测试和npmrune2e集成测试问题vue项目要进行unit和e2e常见问题localStorageisnotavailableforopaqueoriginsconsole.errornode_modules\vue\dist\vue.runtime.common... 继续阅读 >

2020
10-28

解决vue项目运行npm run serve报错的问题

先来一张报错的截图先去配置环境变量C:\Users\lgd\AppData\Local\Programs\MicrosoftVSCode\bin的后面配置；%SystemRoot%\system32;一定要注意分号，然后在path环境中配置C:\Windows\System32最后去项目安装依赖npmi运行项目npmrunserve如果这样子项目还是报同样的错误，那么就把node全局卸载，去控制面板卸载，然后安装，最后安装依赖，运行项目就可以成功了补充知识：vuenpmrunserve报错Cannotfindmodule'eslint-p... 继续阅读 >

2020
10-10

npm ci命令的基本使用方法

偶尔发现npmci命令，使用下感觉比npmi快了许多，于是也来了解下该命令。一、用途npmci和npminstall命令一样，是用来安装依赖的命令，但他可以比常规的npm安装快得多，也比常规安装更严格，他可以npm依赖安装的一致和稳定(锁版本)。在package.json中，每次install后，对应的版本前都有个^符号。在这种情况下，你再次install时安装的包的版本可能与前次不一样，具体的，你可以到package-lock.json中查看实际的包版本。^的匹... 继续阅读 >

2020
10-09

vue打包npm run build时候界面报错的解决

用coding-pages打开后显示Failedtoloadresource:theserverrespondedwithastatusof404(NotFound)，解决方案：方案一：找到config里的index.js,打开修改assetsPublicPath为“./”方案二：或者把index.html文件中的路径/去掉；下面是去掉后的，可以参考下成功了！补充知识：启动vue项目npmrundev时报errno-4058进入到项目目录下，shift+右键打开cmd执行npminstall然后再执行npmrundev或者你留意一下项目是不... 继续阅读 >

2020
10-09

解决vue项目,npm run build后,报路径错的问题

在build目录下的webpack.prod.conf.js里面：output:{path:config.build.assetsRoot,publicPath:"/dist/",//添加这行代码，可解决该问题或者publicPath:"./",也可解决filename:utils.assetsPath('js/[name].[chunkhash].js'),chunkFilename:utils.assetsPath('js/[id].[chunkhash].js')},补充知识：vue项目打包后，npmrunbuild相关配置，以及解决项目打包后，图片404，背景图片找不到，iview代码出问题的情况1.首... 继续阅读 >

2020
10-09

vue npm install 安装某个指定的版本操作

npm安装指定版本的package，只需要在命令行之后加上‘@版本号'即可，操作如下：1、vue-print-nb最新版本是1.5.0版本，如果我们只想要下载1.2.0版本，操作如下：npminstall--save-devvue-print-nb@1.2.0npminstall--savevue-print-nb@1.2.02、命令介绍（--save-dev）--save：将保存配置信息到package.json。默认为dependencies节点中（生产）。--dev：将保存配置信息到devDependencies节点中（测试）。因此：--save：将保存... 继续阅读 >

2020
10-08

vue 动态设置img的src地址无效,npm run build 后找不到文件的解决

动态设置img的src属性无效，而直接写可以解决办法：imgSrc写成require('path')；原因：动态添加src被当做静态资源处理了，没有进行编译npmrunbuild后出现xxxxxxxnet::ERR_FILE_NOT_FOUND解决办法：进入：build文件夹>打开webpack.prod.conf.js找到：output对象添加：publicPath：‘./'具体写法：publicPath:process.env.NODE_ENV==='production'?'./'+config.build.assetsPublicPath:'./'+config.dev.asset... 继续阅读 >

2016
10-22

npm scripts 使用指南

Node开发离不开npm，而脚本功能是npm最强大、最常用的功能之一。本文介绍如何使用npm脚本（npmscripts）。一、什么是npm脚本？npm允许在package.json文件里面，使用scripts字段定义脚本命令。{//..."scripts":{"build":"nodebuild.js"}}上面代码是package.json文件的一个片段，里面的scripts字段是一个对象。它的每一个属性，对应一段脚本。比如，build命令对应的脚本是nodebuild.js。命令行下使... 继续阅读 >