项目引入css文件后报错 Module build failed (from ./node_modules/_css-loader@2.1.1@css-loader/dist/cjs.js):CssSyntaxError (2:1) Unknown word 1 |> 2 | var content = require("!!./index.css"); | ^ 3 | 4 | if(typeof content === 'string') content = [[module.…
使用Vue+Webpack搭建工程时,在webpack.config.js中的module的rules里针对各种文件配置加载工具.在针对css文件配置时遇到一个问题:打包构建时报错——Module build failed: Unknown word. 配置内容如下: { test: /\.css$/, use: [ 'css-loader', 'style-loader' ] } 在网上找解决方案时看到一种方法,将这段配置注释掉,不会影响css代码的引入,也不会再报错,不过作者并未找到原因.但…
今天又重新部署了下easyhadoop,结果apache后台服务器报这个错误: [Fri Dec 13 10:32:41 2013] [notice] SIGHUP received. Attempting to restart [Fri Dec 13 10:32:41 2013] [notice] Digest: generating secret for digest authentication ... [Fri Dec 13 10:32:41 2013] [notice] Digest:…
原文https://blog.csdn.net/u011070171/article/details/75425740 caffe训练出现如下错误: Unknown bottom blob 'data' (layer 'conv1', bottom index 0) 问题,缺少对应的data. 解决:可能是在训练的时候加入测试迭代数,可是网络文件里并没有测试网络. 检查solver.prototxt里边是否定义了test相关内容,而train.prototxt里边并没有test相关结构.…
在新建的webpack.config.js文件中配置好style-loader和css-loader,注意顺序为:style-loader,css-loader,less-loader,postcss-loader.下面为工程目录: 配置好的webpack.config.js文件: 如果以上步骤都没问题了.还是出现该错误,应该考虑缓存的问题,解决办法: 1.使用配置好的npm start在控制台重新打包: 2.然后重新启动服务(命令:npm run server): 关于这两个命令需要配置,具体…
解决方法:一是确保css配置里的"style-loader"必须在"css-loader"之前,二是将整个css配置注释掉,如下图:…
这个错误根本和我的项目八竿子打不着,错误原因是配置了 css 的rule,将 这个rule注释掉,正常运行没有问题, 可是我却有强迫症,既然处理 node_modules 文件里才出现的错误,那么我就把 test 规则精确到我自己编写的css文件即可,运行测试一切正常…
报错的两种报错原因: 1.输入数的路径错误,需要将路径进行修改排查目录是否出错 2.训练原数据格式不对 3.train.prototxt文件中并未设置test层,而在solver层则设置了test的迭代等参数 两种解决方法 1.对错误原因1,则改为正确路径 2.对错误原因2,修改create_data.sh文件将数据改为相应格式(或者修改train.prototxt文件,将参数改为数据源格式) 3.对错误原因3,在train.prototxt文件增加test层,或者将solver.prototx…
具体错误 ERROR in ./src/index.tsx Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError (2:1) Unknown word var content = require("!!./index.tsx"); if(typeof content === 'string') content = [[module.id, content, '']] webpac…
一.安装webpack-cli,webpack@4.26.1 1.npm install webpack-cli -D 2.npm install webpack@4.26.1 -D 二.踩坑 执行npm run dev报错 1./Users/lily/ForWork/forBMSys/bm-fe/node_modules/html-webpack-plugin/lib/compiler.js:81 var outputName = compilation.mainTemplate.applyP…
在Vue-cli生成的项目中使用 element-ui,按照官方的指导 npm i element-ui -D 执行之后,查看package.json,element-ui 加在了 "devDependencies"中,好像感觉那里不对,也跟官方的项目模板的package.json不一致,就删了重来 npm uninstall element-ui npm install element-ui --save 要想使用element-ui,按照官方的文档,需要在main.js中加入 im…
Ajax学习笔记 1.同步与异步同步:客户端发送请求到服务端,当服务器返回响应之前,客户端都处于等待卡死状态异步:客户端发送请求到服务端,当服务器返回响应之前,客户端可以随意做其他事情,不会卡死 2.Ajax运行原理 页面发送请求,会将数据发送到ajax引擎,ajax引擎会提交请求到服务端.在此过程中,客户端可以随意进行任何操作,直到服务端将数据繁育给Ajax引擎后,会触发你设置的事件,从而执行自定义的js逻辑代码完成页面功能 3.JS原生ajax(了解) (1)创建ajax引擎对象 (2)绑定…
项目环境配置 nvm:   node版本管理工具,安装和环境变量         cmd常用命令: · nvm use [version]: 切换至指定版本的node · nvm install node:安装最新版本的 node.js,nvm i == nvm install · nvm install [version]:安装指定版本的node.js · nvm use [version]:安装某个版本的node · nvm list:列出了当前安装了那些版本的node · nvm unin…
之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者服务器 一.安装webpack 你需要之前安装node.js $ npm install webpack -g 安装成功后,便可以使用webpack命令行了. ok,开始工作! 二.新建一个空目录,名字为myApp,文件如下 entry.js document.write("It works.&qu…
接触webpack也有挺长一段时间了,公司的项目也是一直用着webpack在打包处理,但前几天在教新人的情况下,遇到了一个问题,那就是:尽管网上的webpack教程满天飞,但是却很难找到一个能让新人快速入手的.接地气的.傻瓜式的教程,自己手把手教又太浪费时间.想了一想,决定自己写一篇webpack的傻瓜式教程,旨在教会尚未了解webpack的人迅速入手. 对于webpack的概念.用途.好处等等一律省略,想了解的上网搜索即可,这里直接演示如何新建一个webpack的实例. 1.安装好nodejs…
提到css预编译器(css preprocessor),你可能想到Sass.Less以及Stylus.而本文要介绍的PostCSS,正是一个这样的工具:css预编译器可以做到的事,它同样可以做到. “你说的我都懂,那为什么要用它?” 套装与单件 如果Sass等预编译器是新定义了一种模板语言,然后将其转化为css的话,PostCSS则是更纯粹地对css本身做转换. 回想一下你是如何学习使用css预编译器的:了解到有这样一种可以转化为css的语言,它有很多特性,变量.嵌套.继承等等,每一种特性都通过…
React框架已经火了好长一段时间了,再不学就out了! 对React还没有了解的同学可以看看我之前的一篇文章,可以快速简单的认识一下React.React入门最好的实例-TodoList 自己从开始接触react一窍不通,到慢慢的似懂非懂,通过各种途径学习也有一阵了.学习过程中还会接触到很多新的东西,比如ES6.webpack,过程艰辛谁人懂,见坑填坑慢慢来.今天把学习过程过滤了一下,只说项目实际需要用的东西,总结了一套能看到的东西,分享给大家,希望能让读者少踩一些坑! 本文看点 实际项目效果…
# 部署React+webpack工程的步骤ps:以Mac os系统做开发环境.因为npm现在使用灰常的慢,所以我使用淘宝境像cnpm. 1,准备工作: 先确保存已经安装了node.js: 2,文件部署: (1),在终端中找到react-build项目的目录,键入cnpm init初始化一个package.json文件,该文件是存放接下来项目用的一些模块, 在终端中根据提交一步步的输入,或者可以直接新建一个package.json文件,文件内容大概如下: { "name": "…
gulp    自动化构建工具,实时监控.代码合并.压缩... http://www.gulpjs.com.cn/     中文网 http://gulpjs.com/plugins/     英文网 ,插件   本文假设你之前没有用过任何任务脚本(task runner)和命令行工具,一步步教你上手Gulp.不要怕,它其实很简单,我会分为五步向你介绍gulp并帮助你完成一些惊人的事情.那就直接开始吧. 第一步:安装Node 首先,最基本也最重要的是,我们需要搭建node环境.访问 http:/…
开门见山 1.打包单一模块 webpack.config.js module.exports = { entry:"./chunk1.js", output: { path: __dirname + '/dist', filename: '[name].js' }, }; chunk1.js var chunk1=1; exports.chunk1=chunk1; 打包后,main.js(webpack生成的一些注释已经去掉) (function(modules) { // webpa…
前段时间使用了gulp+browser-sync才发现这个东西真的很好用. 准备工作:(1).安装nodejs.gulp是基于nodejs使用的,所以先安装nodejs,https://nodejs.org/en/download/在这里直接下载安装就好. (2).新建一个项目目录,比如我在E盘中新建一个文件夹:gulpbrowsersync  .在其中新建一些文件夹或者文件比如style文件夹.js文件夹.images文件夹以及index.html, 开始工作: 1.进入项目目录E:\gulp…
这次来看一看gulp是怎么工作的. tasks/paths.js paths.js文件里存放的是gulp任务中需要导入的文件的路径和导出的路径. /** * gulp.src 地址 * gulp.dest 地址 */ var commonSrc = './public/**/*'; var widgetSrc = '!./public/widget/**/*.*'; var bowerSrc = '!./public/bower_components/**/*.*'; var fileOutpu…
/** * Created by leyi on 2016/8/25 0025. */ /*********************package.json依赖模块************************/ /* dependencies": { "gulp": "*", "gulp-autoprefixer": "*", "postcss-value-parser": "*&q…
webpack管理的项目,我们希望用sass定义样式,为了正常编译,需要做如下配置.这里不讲webpack的入门,入门的文章,我推荐这篇<webpack入门>. 为了使用sass,我们需要安装sass的依赖包 //在项目下,运行下列命令行 npm install --save-dev sass-loader //因为sass-loader依赖于node-sass,所以还要安装node-sass npm install --save-dev node-sass 当然了,使用样式的话,css-lo…
gulp系列学习笔记: 1.gulp学习笔记1 2.gulp学习笔记2 3.gulp学习笔记3 4.gulp学习笔记4 之前的任务都是单个的,比较简单.接下去我们开始引用多个插件,一次性把任务搞定,省时又方便. 1.合并压缩js文件 为了提高网页的显示速度,最好是将所有的js文件合并成同一个文件,再来引用,这时候可以用到 gulp-concat 插件:进一步,还可以对其进行压缩.但是有时候我们在写js代码的时候,经常用到 console 语句和 debugger 语句.有时候会忘了删除,这时候我…
一.全面理解webpack 1.什么是 webpack? webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX).coffee.样式(含less/sass).图片等都作为模块来使用和处理,它能有Grunt或Gulp所有基本功能.webpack的官网是 http://webpack.github.io/ ,文档地址是http://webpack.github.io/docs/,官网对webpack的定义是MODULE BUNDLER,他的目的就是把有依赖关系的各种…
目录结构 asset/ css/ img/ src/ entry.js ------------------------ 入口文件 .babelrc index.html package.json webpack.config.js 运行命令 安装依赖:npm install 运行项目:npm start 配置预览 package.json: { "name": "react_webpack_demo", "version": "1.0…
安装: 1. 安装 node.js 环境 (这个不用我教了吧,网上教程一大堆哦.) 2. 进入 https://github.com/mishoo/UglifyJS  右上角 “Download” ZIP下载整个包. 3. 解压打开 UglifyJS/bin/uglifyjs 4. 找到 global.sys = require(/^v0\.[012]/.test(process.version) ? "sys" : "util"); var fs = requir…
刚接触到RPC(远程过程调用),就是可以在本地调用远程机子上的程序的方法,看到一个简单的nodejs实现,用来学习RPC的原理很不错:nodejs light_rpc   使用示例:   //服务端 var light_rpc = require('./index.js'); var port = 5556; var rpc = new light_rpc({     combine: function(a, b, callback){         callback(a + b);    …
一.简介 gulp 是基于 Nodejs 的自动任务运行器,能自动化地完成javascript/coffee/sass/less/html/image/css等文件的的测试.检查.合并.压缩.格式化.浏览器自动刷新.部署文件生成,并监听文件在改动后重复指定的这些步骤. 在实现上, gulp 借鉴了Unix操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入,使得在操作上非常简单. 二.配置文件 var gulp = require('gulp'); var del = requir…