booleanhunter / reactjs-adminlte Goto Github PK
View Code? Open in Web Editor NEWReactJS version of the original AdminLTE dashboard (EXPERIMENTAL)- https://github.com/almasaeed2010/AdminLTE
License: Other
ReactJS version of the original AdminLTE dashboard (EXPERIMENTAL)- https://github.com/almasaeed2010/AdminLTE
License: Other
Tried running buttons.html from views. The sidebar navigation is not working. And the screen doesn't show up 100% height. What I figured out is, the jquery-2.1.4.js isn't getting applied and this is the reason for both the above problems. The same jquery js file is getting applied in the header. The dropdowns in the header is neatly working. Please let me know what is that I'm missing.
I've not made any change to the code. The problems are existing in the code available according to me. Please correct me if I'm wrong.
Currently, props get passed to components as an object, rather than separate values.
var infoTileOptions = {
theme: 'bg-aqua',
icon: 'fa-envelope-o',
subject: 'Messages',
stats: '1,410',
content: ''
};
<InfoTile options = {infoTileOptions} />
This approach makes validating props difficult using React.PropTypes. One way of validating them would be by using React.PropTypes.shape, but this would again get more difficult with deeply nested objects.
A (potentially) better approach -
<InfoTile
theme='bg-aqua'
icon='fa-envelope-o'
subject='Messages'
stats='1,410',
content=''
/>
So I want to import the sidebar + navbar but the documentation is unclear how I import this. Thoughts?
Cool Project :) Please add instructions of usage in the Readme.md .
I want to copy this page
Where should I start?
Is it this one?
https://github.com/booleanhunter/ReactJS-AdminLTE/tree/master/src/pages/dashboardV1
Best Regards,
installed project successfully, but Sidebar navigation is not working, all navigation shows me
Cannot GET page e.g Cannot GET /pages/UI/general.html
I find out that the path in the html files under views folder are broken, for example, ReactJS-AdminLTE/reactjs-adminlte/views/index2.html ,
but dist dir is under public folder. Either the path is not correct or these files under views folder need to be move to public.
project is based on typescript
step-1 npm install adminlte-reactjs
step-2 import { InfoTile } from "adminlte-reactjs";
expected result -
able to use InfoTile component
actual result
Could not find a declaration file for module 'adminlte-reactjs'. '/home/[email protected]/projects/reactJS/zymrIntranet/node_modules/adminlte-reactjs/reactjsAdminlte.js' implicitly has an 'any' type.
Try npm install @types/adminlte-reactjs
if it exists or add a new declaration (.d.ts) file containing `declare module 'adminlte-reactjs'
@types/adminlte-reactjs is dosent exist
How to import components in dashboadV1?
I use this but still not work.
import {ControlPanel, DonutChart, AreaChart, WorldMap, ContainerOne, ContainerTwo, ContainerThree, ContainerFour,ContainerFive,ContainerSix,ContainerSeven,ControlsMenu,StatTile} from 'adminlte-reactjs/pages/dashboardV1/js';
I installed this interface and trying to changes some text.
after making changes i am doing npm run dev
and then navigating to http://localhost:8000/
doesnt show changes
while importing adminlte-reactjs in react typescript project,
I was going through this .. and then everything is working completely but the treeview in navigation-menu is not working. please look at it.
Hi,
It seems the document page can't be reached via 'http://localhost:8000/documentation/index.html'. Is there any other way to find some documents about how to use?
Thanks,
Ted
The button to collapse the nav bar doesn't work
EDIT: I mean 'create-react-app'...
I'm following the usage instructions but I'm getting errors in the main js file of ReactJS-AdminLTE saying that react-dom and velocity are missing.
These are the errors I am getting:
Failed to compile.
Error in ./~/adminlte-reactjs/reactjsAdminlte.js
Module not found: 'reactDom' in C:\myApp\node_modules\adminlte-reactjs
@ ./~/adminlte-reactjs/reactjsAdminlte.js 1:120-139
Error in ./~/adminlte-reactjs/reactjsAdminlte.js
Module not found: 'velocity' in C:\myApp\node_modules\adminlte-reactjs
@ ./~/adminlte-reactjs/reactjsAdminlte.js 1:140-159
Could that be something with the webpack config not being used? I see that there's aliases there for react-dom and velocity and paths to get the libraries from.
Hi
When I try to execute npm install for installing adminlte-reactjs. I have errors.
Please can you help me?
`E:\react_apps\acta1 ([email protected])
ฮป npm install
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN addRemoteGit Error: Command failed: git -c core.longpaths=true config --get remote.origin.url
npm WARN addRemoteGit
npm WARN addRemoteGit at ChildProcess.exithandler (child_process.js:213:12)
npm WARN addRemoteGit at emitTwo (events.js:87:13)
npm WARN addRemoteGit at ChildProcess.emit (events.js:172:7)
npm WARN addRemoteGit at maybeClose (internal/child_process.js:827:16)
npm WARN addRemoteGit at Socket. (internal/child_process.js:319:11)
npm WARN addRemoteGit at emitOne (events.js:77:13)
npm WARN addRemoteGit at Socket.emit (events.js:169:7)
npm WARN addRemoteGit at Pipe._onclose (net.js:477:12)
npm WARN addRemoteGit git://github.com/adobe-webplatform/eve.git#eef80ed resetting remote C:\Users\armel.tsanga\AppData\Roaming\npm-cache_g
it-remotes\git-github-com-adobe-webplatform-eve-git-eef80ed-3ede0067 because of error: { [Error: Command failed: git -c core.longpaths=true c
onfig --get remote.origin.url
npm WARN addRemoteGit ]
npm WARN addRemoteGit killed: false,
npm WARN addRemoteGit code: 1,
npm WARN addRemoteGit signal: null,
npm WARN addRemoteGit cmd: 'git -c core.longpaths=true config --get remote.origin.url' }
npm ERR! git clone --template=C:\Users\armel.tsanga\AppData\Roaming\npm-cache_git-remotes_templates --mirror git://github.com/adobe-webplat
form/eve.git C:\Users\armel.tsanga\AppData\Roaming\npm-cache_git-remotes\git-github-com-adobe-webplatform-eve-git-eef80ed-3ede0067: Cloning
into bare repository 'C:\Users\armel.tsanga\AppData\Roaming\npm-cache_git-remotes\git-github-com-adobe-webplatform-eve-git-eef80ed-3ede0067'
...
npm ERR! git clone --template=C:\Users\armel.tsanga\AppData\Roaming\npm-cache_git-remotes_templates --mirror git://github.com/adobe-webplat
form/eve.git C:\Users\armel.tsanga\AppData\Roaming\npm-cache_git-remotes\git-github-com-adobe-webplatform-eve-git-eef80ed-3ede0067: fatal: u
nable to connect to github.com:
npm ERR! git clone --template=C:\Users\armel.tsanga\AppData\Roaming\npm-cache_git-remotes_templates --mirror git://github.com/adobe-webplat
form/eve.git C:\Users\armel.tsanga\AppData\Roaming\npm-cache_git-remotes\git-github-com-adobe-webplatform-eve-git-eef80ed-3ede0067: github.c
om[0: 192.30.253.113]: errno=No error
npm ERR! git clone --template=C:\Users\armel.tsanga\AppData\Roaming\npm-cache_git-remotes_templates --mirror git://github.com/adobe-webplat
form/eve.git C:\Users\armel.tsanga\AppData\Roaming\npm-cache_git-remotes\git-github-com-adobe-webplatform-eve-git-eef80ed-3ede0067: github.c
om[1: 192.30.253.112]: errno=No error
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"w
in32","arch":"x64"})
npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Users\armel.tsanga\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js" "ins
tall"
npm ERR! node v4.4.5
npm ERR! npm v4.1.2
npm ERR! code 128
npm ERR! Command failed: git -c core.longpaths=true clone --template=C:\Users\armel.tsanga\AppData\Roaming\npm-cache_git-remotes_templates
--mirror git://github.com/adobe-webplatform/eve.git C:\Users\armel.tsanga\AppData\Roaming\npm-cache_git-remotes\git-github-com-adobe-webplat
form-eve-git-eef80ed-3ede0067
npm ERR! Cloning into bare repository 'C:\Users\armel.tsanga\AppData\Roaming\npm-cache_git-remotes\git-github-com-adobe-webplatform-eve-git-
eef80ed-3ede0067'...
npm ERR! fatal: unable to connect to github.com:
npm ERR! github.com[0: 192.30.253.113]: errno=No error
npm ERR! github.com[1: 192.30.253.112]: errno=No error
npm ERR!
npm ERR!
npm ERR!
npm ERR! If you need help, you may report this error at:
npm ERR! https://github.com/npm/npm/issues
npm ERR! Please include the following file with any support request:
npm ERR! E:\react_apps\acta1\npm-debug.log`
Well I've tried to do some changes in Adminlte dashboard I ran Webpack -p after that I ran the server but it's showing the old dashboard
I would like to use this with Meteor JS
.
But I don't understand to install, config and more...
Please help me.
Hey guys,
I know how to make a production deploy it to the server with webpack?
Could you make a specify document for this ?
Thank you so much !! ๐
Hello,
thank you for this project, well appreciated. I have a couple of question, I am React beginner but I have already created a version of AdminLTE for angular 1 in the past so I know most of its features and settings. I have some question about your choices for this project:
public
I guess you replicated the relevant part from admintLte, isn't it?public/libraries
I see several versions of the same libraries standard and minified, why? What really used? Why not ask for these via npm?public/dist
body
element, do you let AdminLte/jQuery do this?Thanks
Hi,
nice creation you have made there. I am looking for a reach driven dashboard, and i found yours! Just wonder hows the chart support in your creation? as I dont see any chart in the demo site and clicking in to the "chart" menu item give me a deadline :(
Thanks!
Since most react users use webpack and npm, it would be nice to have this up on npm.
Hi,
I looked at dropping this into my application but it wasn't immediately obvious how to load this into webpack and react.
It would be great if there was some examples.
Cheers,
Andrew
Great work man!
just to know there are some missing lib (like webpack-raphael) when you try to run it with webpack-dev-server + hot loader.
then i cannot make it work correctly because when i run webpack-dev-server --hot --inline and i open http://localhost:8080/ the result is this:
every html inside view i changed the path to contain correctly http://localhost:8080
what i'm doing wrong?
I've pulled the code, ran it on localhost:8000 then I open chrome developer tool but the React tab doesn't show up. I've confirmed that the React tab does show up on the facebook react site
Hi booleanhunter
I have a problem trying to compile with webpack the stuff
throw err;
^
Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.
at Object.get [as CommonsChunkPlugin] (/ReactJS-AdminLTE/node_modules/webpack/lib/webpack.js:165:10)
at Object.<anonymous> (/ReactJS-AdminLTE/webpack.config.js:48:30)
at Module._compile (/usr/local/lib/node_modules/webpack-cli/node_modules/v8-compile-cache/v8-compile-cache.js:178:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:665:10)
Do you know how to resolve it?
Thanks in advance
Nacho.
What am I doing wrong here?
I can see the text output of the InfoTile but I there's no CSS attached to it?
Heres my component:
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import {InfoTile} from 'adminlte-reactjs';
class App extends Component {
render() {
return (
<div className="App">
<div className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<h2>Welcome to React</h2>
</div>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<InfoTile
width = '3'
content = ''
icon = 'fa-envelope-o'
stats = '1,415'
subject = 'Messages'
theme = 'bg-aqua'
/>
</div>
);
}
}
export default App;
And heres my index.html:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<!--
manifest.json provides metadata used when your web app is added to the
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>
hi~
Is this based on Reactjs???
This page shows available buttons.
Using them is as simple as writing
<button type="button" class="btn btn-block btn-default btn-lg">Default</button>
. Don't really know if it's necessary to make it a React component.
The problem mentioned above is about require('./locale' + name)
statement included in the file moment/moment/moment.min.js
It is not necessary anymore because all locales are already included in this file itself.
Unfortunately, webpack tries to resolve all require statements - therefore this warning.
sudo npm install --save-dev adminlte-reactjs
npm WARN deprecated [email protected]: ๐ Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs.io/env to update!
npm WARN deprecated [email protected]: ...psst! Your project can stop working at any moment because its dependencies can change. Prevent this by migrating to Yarn: https://bower.io/blog/2017/how-to-migrate-away-from-bower/
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm ERR! Error while executing:
npm ERR! /usr/bin/git ls-remote -h -t git://github.com/adobe-webplatform/eve.git
npm ERR!
npm ERR! fatal: unable to connect to github.com:
npm ERR! github.com[0: 192.30.253.113]: errno=Connection timed out
npm ERR! github.com[1: 192.30.253.112]: errno=Connection timed out
I was surprised to find out that there are 39 copies (for each page) of the menu. What is the reasoning behind not making it a component?
The menu gets reloaded every time you go to a menu item, destroying the illusion of a SPA.
Hi there,
Could you please fix the demo pages?
I know there was an old issue about that but I am currently trying and it's not working.
I have AdminLTE running in ReactJS but I was wondering there is a method out there for setting the parent li to .active based on the child also being .active? Achieving .active on the is easy with Navlink but setting the parent class is trickier. We would also need to have li.treeview set to li.treeview.menu-open if it has active children too. I have put together the following in jQuery and put it in componentDidMount() and componentDidUpdate() but for some reason the code is not run in those lifecycle events (I suspect it has something to do with not using refs: -
$('ul.sidebar-menu li:not(.treeview):has(a.active)').addClass('active');
The following sets the li.treeview classes by event triggering: -
$('ul.sidebar-menu li.treeview:not(.menu-open)').has('a.active').find('a').trigger( "click" );
As with the code above, this too works but is not being called properly in the lifecycle events. Although is should be pointed out that the second piece of code is doing .trigger("click") on all li.treeview nodes, regardless of whether or they have children with a.active (i.e. in multiple nested menus).
Any help/thoughts/advice?
This blog post talks about a good way to organize React code such as components and containers which could make the code base extremely modular - https://medium.com/@alexmngn/how-to-better-organize-your-react-applications-2fd3ea1920f1#.wgs3s0qen
The code base currently has duplicates existing in few places. These duplicates along with other boilerplate could be eliminated by following the guidelines mentioned in the blog.
"Cannot GET /timeline.html" and "Cannot GET /widgets.html".
ashwani@ashwani-PC:adminlte-reactjs$ ./node_modules/.bin/webpack -p
/home/ashwani/node_modules/adminlte-reactjs/webpack.config.js:20
"react-dom": node-dir + '/react-dom',
^
ReferenceError: node is not defined
at Object. (/home/ashwani/node_modules/adminlte-reactjs/webpack.config.js:20:26)
at Module._compile (module.js:425:26)
at Object.Module._extensions..js (module.js:432:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:311:12)
at Module.require (module.js:366:17)
at require (module.js:385:17)
at module.exports (/home/ashwani/node_modules/adminlte-reactjs/node_modules/webpack/bin/convert-argv.js:80:13)
at Object. (/home/ashwani/node_modules/adminlte-reactjs/node_modules/webpack/bin/webpack.js:39:40)
at Module._compile (module.js:425:26)
Hi,
i have tried to integrate this project into react-boilerplate. After installation i imported it with
import adminLte from 'adminlte-reactjs'
This causes several errors:
WARNING in ./~/velocity/lib/data/index.js
57:14 Critical dependency: the request of a dependency is an expression
WARNING in ./~/velocity/lib/common.js
162:14 Critical dependency: the request of a dependency is an expression
WARNING in ./~/velocity/lib/handle-cfg.js
16:18 Critical dependency: the request of a dependency is an expression
WARNING in ./~/tracer/~/colors/lib/colors.js
127:29 Critical dependency: the request of a dependency is an expression
ERROR in ./~/adminlte-reactjs/reactjsAdminlte.js
Module not found: Error: Can't resolve 'reactDom' in '/home/selcuk/Development/kekecmed-frontend/node_modules/adminlte-reactjs'
@ ./~/adminlte-reactjs/reactjsAdminlte.js 1:120-139
@ ./app/containers/PatientPage/view/index.js
@ ./app/routes.js
@ ./app/app.js
@ multi main
ERROR in ./~/velocity/lib/data/index.js
Module not found: Error: Can't resolve 'fs' in '/home/selcuk/Development/kekecmed-frontend/node_modules/velocity/lib/data'
@ ./~/velocity/lib/data/index.js 1:9-22
@ ./~/velocity/lib/index.js
@ ./~/velocity/index.js
@ ./~/adminlte-reactjs/reactjsAdminlte.js
@ ./app/containers/PatientPage/view/index.js
@ ./app/routes.js
@ ./app/app.js
@ multi main
ERROR in ./~/velocity/lib/engine/index.js
Module not found: Error: Can't resolve 'fs' in '/home/selcuk/Development/kekecmed-frontend/node_modules/velocity/lib/engine'
@ ./~/velocity/lib/engine/index.js 1:9-22
@ ./~/velocity/lib/index.js
@ ./~/velocity/index.js
@ ./~/adminlte-reactjs/reactjsAdminlte.js
@ ./app/containers/PatientPage/view/index.js
@ ./app/routes.js
@ ./app/app.js
@ multi main
ERROR in ./~/velocity/lib/engine/velocity.js
Module not found: Error: Can't resolve 'fs' in '/home/selcuk/Development/kekecmed-frontend/node_modules/velocity/lib/engine'
@ ./~/velocity/lib/engine/velocity.js 937:17-30
@ ./~/velocity/lib/index.js
@ ./~/velocity/index.js
@ ./~/adminlte-reactjs/reactjsAdminlte.js
@ ./app/containers/PatientPage/view/index.js
@ ./app/routes.js
@ ./app/app.js
@ multi main
ERROR in ./~/velocity/lib/common.js
Module not found: Error: Can't resolve 'fs' in '/home/selcuk/Development/kekecmed-frontend/node_modules/velocity/lib'
@ ./~/velocity/lib/common.js 1:9-22
@ ./~/velocity/lib/data/index.js
@ ./~/velocity/lib/index.js
@ ./~/velocity/index.js
@ ./~/adminlte-reactjs/reactjsAdminlte.js
@ ./app/containers/PatientPage/view/index.js
@ ./app/routes.js
@ ./app/app.js
@ multi main
ERROR in ./~/velocity/lib/handle-cfg.js
Module not found: Error: Can't resolve 'fs' in '/home/selcuk/Development/kekecmed-frontend/node_modules/velocity/lib'
@ ./~/velocity/lib/handle-cfg.js 2:9-22
@ ./~/velocity/lib/data/index.js
@ ./~/velocity/lib/index.js
@ ./~/velocity/index.js
@ ./~/adminlte-reactjs/reactjsAdminlte.js
@ ./app/containers/PatientPage/view/index.js
@ ./app/routes.js
@ ./app/app.js
@ multi main
ERROR in ./~/velocity/lib/data/data-direc.js
Module not found: Error: Can't resolve 'fs' in '/home/selcuk/Development/kekecmed-frontend/node_modules/velocity/lib/data'
@ ./~/velocity/lib/data/data-direc.js 1:9-22
@ ./~/velocity/lib/data/index.js
@ ./~/velocity/lib/index.js
@ ./~/velocity/index.js
@ ./~/adminlte-reactjs/reactjsAdminlte.js
@ ./app/containers/PatientPage/view/index.js
@ ./app/routes.js
@ ./app/app.js
@ multi main
ERROR in ./~/velocity/lib/engine/engine-direc.js
Module not found: Error: Can't resolve 'fs' in '/home/selcuk/Development/kekecmed-frontend/node_modules/velocity/lib/engine'
@ ./~/velocity/lib/engine/engine-direc.js 1:9-22
@ ./~/velocity/lib/engine/index.js
@ ./~/velocity/lib/index.js
@ ./~/velocity/index.js
@ ./~/adminlte-reactjs/reactjsAdminlte.js
@ ./app/containers/PatientPage/view/index.js
@ ./app/routes.js
@ ./app/app.js
@ multi main
ERROR in ./~/velocity/lib/dep/scan.js
Module not found: Error: Can't resolve 'fs' in '/home/selcuk/Development/kekecmed-frontend/node_modules/velocity/lib/dep'
@ ./~/velocity/lib/dep/scan.js 1:9-22
@ ./~/velocity/lib/dep/index.js
@ ./~/velocity/lib/index.js
@ ./~/velocity/index.js
@ ./~/adminlte-reactjs/reactjsAdminlte.js
@ ./app/containers/PatientPage/view/index.js
@ ./app/routes.js
@ ./app/app.js
@ multi main
ERROR in ./~/utilx/lib/index.js
Module not found: Error: Can't resolve 'fs' in '/home/selcuk/Development/kekecmed-frontend/node_modules/utilx/lib'
@ ./~/utilx/lib/index.js 4:9-22
@ ./~/utilx/index.js
@ ./~/velocity/lib/data/index.js
@ ./~/velocity/lib/index.js
@ ./~/velocity/index.js
@ ./~/adminlte-reactjs/reactjsAdminlte.js
@ ./app/containers/PatientPage/view/index.js
@ ./app/routes.js
@ ./app/app.js
@ multi main
ERROR in ./~/tracer/lib/dailyfile.js
Module not found: Error: Can't resolve 'fs' in '/home/selcuk/Development/kekecmed-frontend/node_modules/tracer/lib'
@ ./~/tracer/lib/dailyfile.js 1:9-22
@ ./~/tracer/lib/index.js
@ ./~/velocity/lib/logger.js
@ ./~/velocity/lib/data/index.js
@ ./~/velocity/lib/index.js
@ ./~/velocity/index.js
@ ./~/adminlte-reactjs/reactjsAdminlte.js
@ ./app/containers/PatientPage/view/index.js
@ ./app/routes.js
@ ./app/app.js
@ multi main
ERROR in ./~/tinytim/lib/index.js
Module not found: Error: Can't resolve 'fs' in '/home/selcuk/Development/kekecmed-frontend/node_modules/tinytim/lib'
@ ./~/tinytim/lib/index.js 48:10-23
@ ./~/tracer/lib/console.js
@ ./~/tracer/lib/index.js
@ ./~/velocity/lib/logger.js
@ ./~/velocity/lib/data/index.js
@ ./~/velocity/lib/index.js
@ ./~/velocity/index.js
@ ./~/adminlte-reactjs/reactjsAdminlte.js
@ ./app/containers/PatientPage/view/index.js
@ ./app/routes.js
@ ./app/app.js
@ multi main
Can someone help me please :) ?
Hey, so...
I created a new project with:
create-react-app example
Then installed ReactJS-AdminLTE with:
npm install adminlte-reactjs
Then, I went into my App.js and imported an InfoTile and used it. This is my code:
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import InfoTile from 'adminlte-reactjs';
class App extends Component {
render() {
return (
<div className="App">
<InfoTile
width ={3}
content = ''
icon = 'fa-envelope-o'
stats = '1,410'
subject = 'Messages'
theme = 'bg-aqua'
/>
</div>
);
}
}
export default App;
Everything seems fine. However, when I run npm start, I get this:
./node_modules/adminlte-reactjs/node_modules/react-dom/lib/ReactDOMUnknownPropertyHook.js
Module not found: Can't resolve 'react/lib/ReactComponentTreeHook' in 'C:\Users\Saulo Joab\Desktop\Random Files\Projetos\React\smarttramo\node_modules\adminlte-reactjs\node_modules\react-dom\lib'
Did I do something wrong? I tried really hard to solve that error but nothing worked.
Bah
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.