dvajs / dva-cli Goto Github PK
View Code? Open in Web Editor NEWThe dva command line utility.
The dva command line utility.
如题
包括那个项目:dva-example-user-dashboard,我clone 下来运行修改也没作用,是不是我操作问题?如果是的话就忽略了。
:global {
html, body, #root {
height: 6000px !important;
background-color: red;
}
}
2.请问用dva-cli怎么做按需加载JS呢?
使用dva脚手架如何进行子组件与子组件之间的通信?
代码生成,能提供一个示例吗.
最近在用dva写后台管理系统.发现很多CURD的功能都高度相似,都由List Modal Search3个部分组成,且基本的代码都类似.
想按照dva g modal user 这样的命令,来生成
User.jsx
UserSearch.jsx
UserSearch.less
UserList.jsx
UserList.less
UserModal.jsx
UserModal.less
然后在这个基础上再针对业务做调整.
能否在生成的脚手架中添加一个generator文件夹,在这文件夹下写自定义的模板文件,跟命令配置
据我个人研究得出结论 webpack 和babel 的sousemap 是不能叠加使用的 ,这就导致同时使用多个 loader 对一个文件做处理的时候 sousemap 会被破坏,
所以我认为: 正确的做法是 把 webpack 单纯作为打包工具 ,而将 编码转换的工作全部放在 babel 中 比如 es3ify-loader 用 es3ify-webpack-plugin替代
是对官方的建议, 也望部分使用sousemap进行调试的同学少走弯路
ERROR in ./src/index.css
Module build failed: Error: "extract-text-webpack-plugin" loader is used without the corresponding plugin, refer to https://github.com/webpack/extract-text-webpack-plugin for the usage example
at Object.module.exports.pitch (/Users/liushaohua/Documents/DATA/UI/myApp/node_modules/.1.0.1@extract-text-webpack-plugin/loader.js:21:9)
@ ./src/index.js 5:0-22
先提供一个初始版本,让 dva 能 run 起来。
提供两套模板,一套极简,用于简单 demo,另一套基于我们的最佳实践组织。
$ mkdir myApp && cd myApp
$ dva init
$ dva init --demo
参数与 dva init
相同,不同的是会创建目录并在新目录下初始化。
$ dva new myApp
用于细粒度文件的生成,下个版本支持。
$ dva generate model user
你好!
dva new app
cd app
npm start
后访问出现如下的错误,请问要如何解决?
E:\app>npm start
@ start E:\app
dora --plugins "proxy,webpack,webpack-hmr"
proxy: load rule from proxy.config.js
proxy: listened on 8989
� 459/459 build modules
webpack: bundle build is now finished.
err with request :Error: socket hang up /
err with request :Error: socket hang up /favicon.ico
我看了问题 #8 和我的好像是一样的,但是我用http://localhost:8000不能访问,去掉proxy也不行,奇怪了
---- 把端口改为8001可以了"start": "dora -p 8001 --plugins "webpack,webpack-hmr""
但是如何使用proxy呢?
这个手脚架设计时候考虑过这个没有呢?
如果有的话请教一下如何配置呢?
每次都要重新npm start
打算先搞一个 typescript
的模板放在 boilerplates 下面,稍后提个 pr
使用proxy报错了;
proxy: proxy.config.js parse error
先记录,下个版本做。
dva g component Foo --style class|purefunction
, default purefunction
.git目录的存在应该是合理的,新建一个空代码仓库想用dva init直接初始化,报此错误
默认是拿不到里面的样式
改成index.less之后样式就能work了
用的代码如下
import { useRouterHistory} from 'dva/router';
import { createHashHistory} from 'history';
const app = dva({
history: useRouterHistory(createHashHistory)({ queryKey: false }),
});
使用hashHistory,init后不会出发hashchange,导致页面打开空白。
必须手动在地址栏触发一下hash change.
用dva new project后,进入project目录,npm start
控制台输出
err with request:Error:socket hang up /
err with request Error:socket hang up /favicon.ico
http://localhost:8989/打开是个空白页面,chrome的控制台也没有输出js错误
新建项目是ok的,我修改了js的内容,就这样了,然后我撤销到最初状态也是不行
昨天晚上我新建的项目,启动不了就去休息了,今天早上我开始工作的时候试了一下,
神奇般的可以启动了,我修改后又不行了,撤销修改的内容也不行
真让人崩溃
用这个用的心惊胆战的,不知道它什么时候就启动不了了
dva g model Hello
/Users/Bing/.nvm/versions/node/v4.4.7/lib/node_modules/dva-cli/bin/dva-generate
/Users/Bing/.nvm/versions/node/v4.4.7/lib/node_modules/dva-cli/node_modules/dva-ast/lib/combine.js:47
data: [...oldModels.data, ...newModels.data],
^^^
SyntaxError: Unexpected token ...
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:373:25)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
at Module.require (module.js:353:17)
at require (internal/module.js:12:17)
at Object.<anonymous> (/Users/Bing/.nvm/versions/node/v4.4.7/lib/node_modules/dva-cli/node_modules/dva-ast/index.js:6:19)
at Module._compile (module.js:409:26)
at Object.Module._extensions..js (module.js:416:10)
dva -v
0.6.0
https://github.com/dvajs/dva-cli/blob/master/boilerplates/demo/webpack.config.js#L15-L34
These code is complex and hard to modify.
Given that ant.design 2.x
already support TypeScript, could you help to provide corresponding stuffs with them?
In README.md
甚至可以定义模板文件吗
跨域访问,浏览器返回的状态
Request URL:http://192.168.31.144:8080/test/api/login?
Request Method:GET
Status Code:200 OK
Remote Address:192.168.31.144:8080
但是封装的request.js status返回0
Object {err: Error at checkStatus (webpack:///./src/utils/request.js?:24:15)}
╔═════════════════════════════════════════════════════════╗
║ Flaming Cloud Project started : http://127.0.0.1:8000 ║
╚═════════════════════════════════════════════════════════╝
Make local development url clear and beautiful.
axios毕竟要强大些(默认配置,拦截器都不错),而且近期都在维护。
> dora --plugins "proxy?watchDirs=./mock,webpack,webpack-hmr"
proxy: load rule from proxy.config.js
(node:9796) DeprecationWarning: 'GLOBAL' is deprecated, use 'global'
proxy: listened on 8989
2/5 build modules[babel-plugin-dva-hmr][INFO] got routerPath ./router
4/8 build modules(node:9796) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): TypeError: Cannot read property 'name' of undefined
462/462 build modules
webpack: bundle build is now finished.
用dva init新建的工程不支持antd,如何配置才能使用antd
如题
每次生成后手动去改有点累。。。
有看到过ac-tool run lint
不知道dva-cli脚手架创建的项目架构,有没有内部支持lint的?
F:\xampp\htdocs\ant>npm start
> @ start F:\xampp\htdocs\ant
> dora --plugins "proxy,webpack,webpack-hmr"
proxy: load rule from proxy.config.js
temp certs cleared
proxy: listened on 8989
Caught exception: Error: listen EADDRINUSE :::8989
at Object.exports._errnoException (util.js:870:11)
at exports._exceptionWithHostPort (util.js:893:20)
at Server._listen2 (net.js:1234:14)
at listen (net.js:1270:10)
at Server.listen (net.js:1366:5)
at F:\xampp\htdocs\ant\node_modules\dora-plugin-proxy\node_modules\dora-anyproxy\proxy.js:125:38
at F:\xampp\htdocs\ant\node_modules\dora-plugin-proxy\node_modules\dora-anyproxy\node_modules\async\lib\async.js:607:21
at F:\xampp\htdocs\ant\node_modules\dora-plugin-proxy\node_modules\dora-anyproxy\node_modules\async\lib\async.js:246:17
at iterate (F:\xampp\htdocs\ant\node_modules\dora-plugin-proxy\node_modules\dora-anyproxy\node_modules\async\lib\async.js:146:13)
at F:\xampp\htdocs\ant\node_modules\dora-plugin-proxy\node_modules\dora-anyproxy\node_modules\async\lib\async.js:157:25
AnyProxy is about to exit with code: 0
'openssl' 不是内部或外部命令,也不是可运行的程序
或批处理文件。
不知如何解决。。
npm\node_modules.dva-cli_npminstall\node_modu
les.0.4.3@dva-cli\bin\dva-init
events.js:141
throw er; // Unhandled 'error' event
^
Error: spawn cmd ENOENT
at exports._errnoException (util.js:870:11)
at Process.ChildProcess._handle.onexit (internal/child_process.js:178:32)
at onErrorNT (internal/child_process.js:344:16)
at nextTickCallbackWith2Args (node.js:442:9)
at process._tickCallback (node.js:356:17)
at Function.Module.runMain (module.js:443:11)
at startup (node.js:139:18)
at node.js:968:3
建议把 service也做上,即:dva g service product.
这样生成器的功能很完善了
目前调试时css走了extract-text-plugin,修改less触发hmr但是样式不会更新
.dvarc
指定 base 目录,适用于不是 dva-cli 创建的项目又想用 dva generate
的场景npm ERR! Windows_NT 10.0.14393
npm ERR! argv "d:\ProgramFiles\NodeJs\node.exe" "d:\ProgramFiles\NodeJs\node_modules\npm\bin\npm-cli.js" "start"
npm ERR! node v6.9.2
npm ERR! npm v3.10.9
npm ERR! code ELIFECYCLE
npm ERR! @ start: dora --plugins "proxy?watchDirs=./mock,webpack,webpack-hmr"
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ start script 'dora --plugins "proxy?watchDirs=./mock,webpack,webpack-hmr"'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! dora --plugins "proxy?watchDirs=./mock,webpack,webpack-hmr"
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls
npm ERR! There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?
npm ERR! Please include the following file with any support request:
npm ERR! e:\ANTD\dva-quickstart\npm-debug.log
npm start启动时报错
用dva项目开发到一小半,今天无聊用dva-cli创建个项目看看变了没,这一看吓一跳啊!webpack.config.js都不得了,试问?我是继续用之前的开发还是重新用dva-cli创建,然后把代码一个一个的复制过去?把之前的less全部改成你们默认的css??或者有其他更好的办法??
主要是浏览器打开项目页面后消耗大量的cpu和内存,打开浏览器后基本没法编码,因为编辑器打字已经很卡了.而且其他大型项目都没出现过这种情况.我的电脑配置还可以的.
不知各位有没有这种情况? 性能问题源头在哪? roadhog吗?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.