create-react-app创建的项目npm run build之后,运行build中的index.html,什么都没显示,打开浏览器的F12,发现了几个红色的报错,提示几个文件找不到. 查看生成的index.html,发现,里面引用的js和css的路径都是以 "/...." 开头的.这样写就是绝对路径了,当然找不到. 正常的应该是相对路径,手动把index.html中的引用文件路径最开始的“/”符号挨个去掉,刷新页面果然成功显示了. 但总不能每次build以后都手动修改吧. 正确…

1.npm和yarn镜像源地址 npmMirror ~~~~~ https://skimdb.npmjs.com/registry/ edunpm ~~~~~~ http://registry.enpmjs.org/ taobao ~~~~~~ https://registry.npm.taobao.org/ cnpm ~~~~~~ http://r.cnpmjs.org/ npm ~~~~~~ https://registry.npmjs.org/ yarn ~~~~~~ https://re…

webpack@3.X运行项目npm run dev时报错: ~Error: Cannot find module 'webpack-cli/bin/config-yargs' 我的原因是:  webpack-dev-server 版本问题,   "webpack": "^3.6.0", webpack-dev-server也是3.x的版本,  不兼容,  所以更改webpack-dev-server版本后即可~…

问题: vue 项目npm run dev运行时报错,如下图:  原因: 缺少相应的组件 解决办法: 安装相应组件: npm install babel-plugin-syntax-jsx --save-dev 安装完成再次执行npm run dev…

问题: vue项目npm run dev运行时报错,如下图:  原因: 缺少组件 解决办法: 安装相应的组件:  npm install babel-plugin-transform-vue-jsx --save-dev 然后再次运行:npm run dev…

cnpm install pug pug-cli vuex node-sass sass-loader vue-beauty axios 在main.js里面使用vue-beauty: import 'vue-beauty/package/style/vue-beauty.min.css' import vueBeauty from 'vue-beauty' Vue.use(vueBeauty)…

1.  报错后,查看了版本. 查看node版本:node -v 查看npm版本:npm -v 查看Augular版本:ng --version 2.  感觉 Augular CLI版本太低,使用以下方法升级到最新版本: > npm uninstall -g @angular/cli > npm cache verify (或 npm cache clean --force) > npm install -g @angular/cli@latest ng --version 后,已经升级完…

系统 环境 vue   nginx 步骤 1.打包vue项目 2.配置nginx 打包vue项目 1.项目配置   我们使用服务器的8000端口 2.打包 # npm run build 打包成功会创建dist目录 3.上传到服务器 配置nginx 1.进入nginx 2.复制默认的配置文件default.conf  -> fengtaoconf # cp  default.conf fengtao.conf # vim fengtao.conf   修改端口 和 路径 3.有的服务器还需控制台…

前言 通过vue init webpack和npm install命令初始化项目后,执行npm run dev就打开了网站http://localhost:8080.初学者不知道index.html.App.vue.main.js是如何粘在一起的,这里简单说明一下. 启动过程 1.npm run dev npm run XXX是执行配置在package.json中的脚本,比如: "scripts": { "dev": "node build/dev-ser…

electron官网提供的demo项目,在npm install 的时候总是报错显示安装失败, 解决办法:FQ即可成功安装.…

在SVN上拉下来一个vue项目,上面没有提交项目里面的node_modules文件夹,所以要自己执行 npm install 安装,但安装完后运行项目后却报错了: $ npm run dev > poverty@1.0.0 dev F:\05 poverty alleviation project\poverty-git > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js .....此处省略加载…

npm install 初始化项目依赖的前端资源   报错 ERR xxx .. socket,symbol link is not supported ... 如果报错了 重新npm install时,可能需要先 npm cache clean --force rm -rf node_module  package-lock.json   (-rf 小心使用) npm install --no-bin-links               执行该条命令 (虽然后警告,但是没有报错了,warn…

今天构建vue项目执行npm install初始化后报错 run `npm audit fix` to fix them, or `npm audit` for details 出现这问题控制台会有一系列提示,让你输入对应命令,所以我进行了如下命令操作: 1:首先安装模块依赖: npm install 2:如果出现以上提示,继续输入: (npm audit fix 含义: 检测项目依赖中的漏洞并自动安装需要更新的有漏洞的依赖,而不必再自己进行跟踪和修复.) npm audit fix 3:如果出…

使用国外原镜像 npm install -g @vue/cli   //yarn global add @vue/cli            使用淘宝镜像 cnpm install -g @vue/cli   //yarn global add @vue/cli                                         vue create  name  新建VUE项目,name一定不能有大写字母    cd name             进入新建的项目文件夹    …

当我们从GitHub或者别人那里拿到项目的时候,一般都是要先npm install 进行安装依赖.但是难免会遇到报错. 出现问题1: 解决方案:清除缓存npm cache clear --force之后再重新安装依赖npm install 安装成功!! 运行项目:ng serve --open 出现问题2:端口号冲突 解决方案:1.关闭该端口的进程:2.通过npm serve --port 4201指定端口号打开 以上使angular项目使用过程中出现的问题,关注<项目问题>专栏. 我会将自己…

npm config set registry http://registry.cnpmjs.org try again npm run build 居然能动了....…

node-sass 安装报错解决办法 2017年04月15日 14:34:25 阅读数:20189 E:\kibana>npm install node-sass > node-sass@3.8.0 install E:\kibana\node_modules\node-sass > node scripts/install.js Cannot download "https://github.com/sass/node-sass/releases/download/v3.8.…

问题: 1.在vue项目中,build打包后,index页面打开会报错, MIME type ('text/html') ;报错内容:because its MIME type ('text/html') is not a supported stylesheet MIME type2.控制台报错:报错内容:http://127.0.0.1:5500/static/css/app.04f46711e76646577281177c721d6432.css 这个地址Cannot GET 解决思路:…

touch run.dev.logchmod u+w run.dev.log 记录日志文件 nohup npm run dev > run.dev.log 2>run.dev.log & exit 一定要控制台执行exit 不记录日志 nohup npm run dev >/dev/null 2>&1 & exit 结束持久npm run dev 查看端口号8080 杀死进程 kill -9 9071…

使用NPM(Node.js包管理工具)安装依赖时速度特别慢,为了安装Express,执行命令后两个多小时都没安装成功,最后只能取消安装,笔者20M带宽,应该不是我网络的原因,后来在网上找了好久才找到一种最佳解决办法, 在安装时可以手动指定从哪个镜像服务器获取资源,我们可以使用阿里巴巴在国内的镜像服务器,命令如下: npm install -gd express --registry=http://registry.npm.taobao.org npm install --registry=htt…

目前代码所处位置是micro分支,该分支是从dev分支直接拉下来进行npm run dev的,而dev分支是可以正常运行的,网上的诸多解释是babel转义时候报错,其实对比可见,两个分支不同的地方应该是node_moduels依赖,所以解决方案就是:将micro分支的依赖删除重新install. 然而事实并非想象的那么简单,昨天进行了node_modules的删除重新install后,问题仍然没有解决,后来在本地重新建立了新的文件夹,git clone远程仓库代码,进行install依赖之后,开…

webpack npm run dev 不能通过ip访问 只能通过localhost访问 解决方法如下: 修改vue-cli: config/index.js 文件 把文件中 host 的值,改成 ip 即可…

…

问题: 就是 bulid 打包后,想本地看看效果,本地看不了.... 网上看到一个....   具体更多在: http://www.dabaipm.cn/static/frontend/346.html?utm_source=tuicool&utm_medium=referral 本地打开效果 路径对不上,很多404 照上面文章说的,改打包的路径中的  assetsPublicPath 再打包,本地就可以看到了…

找到build文件夹的check-versions文件,注释掉如图所以代码即可.…

AngualrJs中可用来注入的有三种类型,service.factory.provider,这三种写法不样,用法也都不一样.其中,service只实例化一次,其实就是单例模式的思想.无论我们在什么地方注入我们的service,将永远使用同一个实例.所以对很多在controller层中的操作就可以放到serivce层中去.AngularJS提供例如许多内在的服务,如:$http, $route, $window, $location等.每个服务负责例如一个特定的任务,$http是用来创建AJAX…

出错情况,如下图: 报错原因: listen EADDRINUSE :::8002 意思是当前8002端口被占用 解决办法: 一:简单粗暴:关掉可能影响的相关程序,重新执行启动. 二: 1.Win+R,cmd查询使用的端口号是否被占用: 输入命令:netstat -aon|findstr "8002" 按回车显示占用8080端口对应的程序的PID号:如下图: 2.根据PID号找到对应的程序: 输入命令:tasklist|findstr "12452" 按回车后显示出…

前提: 已经安装nodejs和npm #全局安装webpack 自动构建化工具,职能管理项目:webpack-dev-server是开发工具,提供 Hot Module Replacement 功能# webpack 介绍:http://webpack.github.io/docs/what-is-webpack.html npm install -g webpack webpack-dev-server #在项目文件夹路径下,初始化npm项目 npm init #安装webpack和webpa…

方法一: 1) 安装node.js环境  点我进入nodejs官网 1.1) 下载LTS(Long term support)版本,安装 1.2) 在cmd中使用以下命令查看node是否安装成功 node -v //查看node版本 2) 在命令行中进入需要构建demo的文件夹 cd c:\demo //这里演示的是进入c盘符下的demo文件夹 3) 因为node.js 自带npm 我们使用以下命令构建demo项目 npm init react-app my-app//npm一键构建react…

一.element-ui的简单使用 1.安装 1. npm 安装 推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用. npm i element-ui -S 2. CDN 目前可以通过 unpkg.com/element-ui 获取到最新版本的资源,在页面上引入 js 和 css 文件即可开始使用. <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/eleme…