npm

npm run build 打包后空白页解决问题两种情况

回眸只為那壹抹淺笑 提交于 2021-01-10 06:14:28
问题一:assetsPublicPath配置错误 解决办法:打开config/index.js文件 build:{ // assetsPublicPath: '/' assetsPublicPath: './' } 问题二:路由history模式配置有误 router/index.js 解决办法:关闭路由historym模式 export default new Router({ // mode: 'history', // require service support scrollBehavior: () => ({ y: 0 }), routes: constantRouterMap }) 执行npm run build之后显示空白页面 阅读数 2858 最近在学习使用webpack,在项目最后打包过程,执行npmrunbuild之后得到的dist目录放到服务器上打开,显示空白页面,但是标题能正常显示,查看控制台发现是数据位置请求报错,查阅资料后知道是... 博文 来自: YooHoeh的博客 关于reactjs在windows环境中使用npm run build之后,打开网页显示为空白的解决方案 来源: oschina 链接: https://my.oschina.net/u/4290613/blog/3396561

开发一个简单的智能合约

泄露秘密 提交于 2021-01-09 12:12:31
一、环境搭建 搭建Truffle框架 简介:这是一个流行的以太坊开发框架,内置了智能合约编译,连接,部署等功能 Truffle框架依赖Node,需要使用npm来安装,首先需要安装node,npm会同时安装,在官网下载: Nodejs 输入命令查看当前版本 node -v 接着就可以使用npm安装Truffle框架了,使用npm安装Truffle框架,安装命令: np install -g truffle 验证Truffle安装: truffle --version Ganache 在这里我们也要用到Ganache,因为在以太坊上部署和测试智能合约都是要花费以太币的,也就是油费(Gas)。而Ganache可以在本地创建一个区块链网络来测试我们的程序,不需要消耗真实的油费。 Gannache下载路径: Ganache Ganache工作原理:为我们创建一个Ganachi虚拟的区块链网络,给我们分配10个外部账号(节点),每个账户都有100个假以太币。 Ganache界面介绍: ACCOUNTS: 账号界面,显示了自动生成所有的账号及其余额。 BLOCKS: 区块界面,显示了再本地区块链网络上挖掘的每一个区块,及其Gas成本和包含的交易。 TRANSACTIONS: 交易页面,列出了再本地区块链上发生的所有交易 CONTRACTS: 合约页面 EVENTS: 事件页面 LOGS:

vue-devtools在google浏览器下安装扩展

邮差的信 提交于 2021-01-09 12:02:33
下载vue-devtools,地址: https://github.com/vuejs/vue-devtools 解压到对应目录,eg: D:\ProgramFiles\vue-devtools-dev 进入解压的目录中,npm install npm install #可能需要静心等待一段时间 npm run build 修改配置文件,D:\ProgramFiles\vue-devtools-dev\shells\chrome 目录 manifest.json 文件, "persistent": true Open Chrome extension page Check "developer mode" Click "load unpacked extension", and choose shells/chrome. 在插件目录vue-tools下执行下面命令,这样插件就会安装在浏览器中了,以后再运行项目,就不需要再执行这个命令了。 npm run dev 验证 如果后期vue面板不出来,再到vue-devtools文件夹下执行一遍npm run dev。 来源: oschina 链接: https://my.oschina.net/u/4416802/blog/3845047

Vue-Router路由Vue-CLI脚手架和模块化开发 之单文件组件

流过昼夜 提交于 2021-01-09 11:10:35
单文件组件介绍 vue中的单文件组件是以.vue扩展名结尾的文件,在这个文件中封装了html、js、css的代码,它自身是一个独立的组件,所以成为单文件组件; vue文件结构 由于.vue封装了html、js、css的代码,所以它由以下几部分组成; <template> html </template> <script> js </script> <style> css </style> vue-loader: 如果使用.vue文件,需要使用指定加载器,否则浏览器是不能解析的。加载.vue文件的加载器是 vue-loader; 同理,一个项目中还需要html、css等,所以也要用到其对应的加载器 例:html-loader、css-loader… vue-loader是基于webpack的,要在webpack中进行配置,所以还要配置webpack; webpack: javaScript应用的静态模块打包器;把前端各种资源作为模块处理、使用、打包; 官网: 点击前往 单文件组件项目结构与依赖安装 创建项目结构 基于webpack的单文件组件项目基本结构 1、index.html 基本页面 2、App.vue vue根组件 3、 main.js 入口文件 4、package.json 项目配置文件 5、webpack.config.js webpack配置文件 6、 .babelrc

在vue中使用echarts图表

≡放荡痞女 提交于 2021-01-09 10:44:42
在vue中使用echarts图表 转载请注明出处: https://www.cnblogs.com/wenjunwei/p/9815290.html 安装vue依赖 使用npm npm install echarts --save 使用yarn yarn add echarts 使用国内的淘宝镜像: //安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org //从淘宝镜像下载 cnpm install echarts -S 引入ECharts 安装好的ECharts会放在node_modules目录下。 全部引入 1.直接在项目代码引入 可以直接在项目代码中 require('echarts') 得到 ECharts。声明一个echarts变量,直接使用变量即可。 Home.vue //需要使用的页面 //引入 var echarts = require('echarts'); // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 绘制图表 myChart.setOption({ title: { text: 'ECharts 入门示例' }, tooltip: {},

Appium环境搭建

大兔子大兔子 提交于 2021-01-09 08:09:06
一、 Java 安装和配置 1 、 JDK 下载地址: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html ,选择: “Accept License Agreement” ,根据系统选择对应的安装文件, 64位系统安装64位JDK; 2、安装:(1)、双击运行安装文件 jdk-8u144-windows-x64.exe (2)、指定jdk安装目录 C:\Java\jdk1.8.0_144 然后点击“下一步” ; (3)、指定JRE安装目录 C:\Java\jre1.8.0_144,点击“下一步” ; 3、JDK环境变量配置 (1)、新建 JAVA_HOME 环境变量,JAVA_HOME=C:\Java\jdk1.8.0_144 (2)、修改 path 环境变量,在path变量尾部添加%JAVA_HOME%\bin (3)、新建 classpath 环境变量 ,classpath=.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\tools.jar 说明:( jdk 需要配置三个环境变量; 1.5之后可以不再设置classpath,但建议保留classpath设置) 4、 运行 cmd,输入java

Error: EPERM: operation not permitted,

别说谁变了你拦得住时间么 提交于 2021-01-09 06:59:23
转载自:https://blog.csdn.net/dong923700243/article/details/78989332 npm ERR! path E:\React\ReactNativeProject\FirstApp\node_modules\fsevents\node_mo dules\getpass\node_modules npm ERR! code EPERM npm ERR! errno -4048 npm ERR! syscall scandir npm ERR! Error: EPERM: operation not permitted, scandir 'E:\React\ReactNativePro ject\FirstApp\node_modules\fsevents\node_modules\getpass\node_modules' npm ERR! { Error: EPERM: operation not permitted, scandir 'E:\React\ReactNative Project\FirstApp\node_modules\fsevents\node_modules\getpass\node_modules' npm ERR! stack: 'Error: EPERM: operation not permitted,

接口管理平台YApi安装配置

给你一囗甜甜゛ 提交于 2021-01-08 20:43:06
环境要求 nodejs(7.6+) mongodb(2.6+) #安装Node cd /usr/local/src #https://nodejs.org/dist/v8.17.0/node-v8.17.0-linux-x64.tar.gz wget https: / /nodejs.org/dist/v8.17.0/node -v8. 17.0 -linux-x64.tar.gz tar zxvf node-v8. 17.0 -linux-x64.tar.gz cp node-v8. 17.0 -linux-x64/bin/node /usr/local/bin/ cp -R node-v8. 17.0 -linux-x64/ lib / node_modules / usr / local / lib / ln -s /usr/local/ lib / node_modules / npm / bin / npm - cli . js / usr / local / bin / npm npm install -g pm2 @latest --registry= http: / /registry.npm.taobao.org #安装pm2模块 npm install -g npm @latest --registry=http://registry.npm.taobao

node.js中http通讯模块

∥☆過路亽.° 提交于 2021-01-08 06:30:45
创建一个服务器 首先建立一个js文件,命名为app.js 写入内容: const http=require('http' ); http.createServer((request,response) => { response.setHeader( 'Access-Control-Allow-Origin','*') // 设置请求头 第一项代表允许的请求格式,第二项代表允许谁请求 response.write('hello node' ); response.end(); // 必须写,否则页面会进入死循环 }).listen(8000); 然后打入node命令:node app.js (.js可以省略) 打开浏览器访问 172.0.0.1:8000 或者 localhost:8000 都可查看运行结果 就是这么简单,但是在node.js中,只要你修改了js文件,就需要去重新启动node,直接刷新浏览器是没有用的。这种设计有利于提高性能,但是不利于开发调试 所以supervisor就可以帮我们解决这个问题了,supervisor可以监视我们的代码,并且自动重启 使用方法:npm install -g supervisor 使用npm安装 然后就可以使用supervisor去命令app.js启动 supervisor app.js 这样每次保存都会自动帮我们重启

vue.js入门学习

三世轮回 提交于 2021-01-08 01:46:32
可以用淘宝npm镜像 然后安装 然后初始化项目: Watch就是一个监听 v-if是如果为false就根本不在页面存在这个元素 v-show是通过display:none来控制这个元素的显示和隐藏 red表示class名称,isRed表示是否是bool值来判断是否显示red这个class样式 :class是v-bind:class的简写 App是一个组件,’./App’是省略了.vue文件 Index.html文件引用了这个app组件 Line 2 write usage same as line 3 Module.export 等同于export语法 来源: oschina 链接: https://my.oschina.net/u/4384545/blog/4251101