Comments (12)
Install both semanticui and ngsemantic from npm:
npm install semantic-ui --save
npm install ng-semantic --save
Assuming you installed semanticui in root folder of you project (which is default), then you need to include semanticui assets from dist folder within your main.ts (src/main.ts) angular2 file:
import '../semantic/dist/semantic.css';
import '../semantic/dist/semantic.js';
After that you use it in ng2 app like described in readme https://github.com/vladotesanovic/ngSemantic#use
from ngsemantic.
Hey i did all that, but presently it is showing me this error
ERROR in .//ng-semantic/ng-semantic/popup/popup.js/ng-semantic/ng-semantic/popup/popup.js 1:0-17
Module not found: Error: Cannot resolve module 'null-loader' in C:\Users\gemini
Desktop\angular2-dashboard\node_modules\ng-semantic\ng-semantic\popup
@ ./
ERROR in .//ng-semantic/ng-semantic/modal/modal.js/ng-semantic/ng-semantic/modal/modal.js 1:0-17
Module not found: Error: Cannot resolve module 'null-loader' in C:\Users\gemini
Desktop\angular2-dashboard\node_modules\ng-semantic\ng-semantic\modal
@ ./
ERROR in .//ng-semantic/ng-semantic/visibility/visibility.js/ng-semantic/ng-semantic/visibility/visibility.js 1:0-17
Module not found: Error: Cannot resolve module 'null-loader' in C:\Users\gemini
Desktop\angular2-dashboard\node_modules\ng-semantic\ng-semantic\visibility
@ ./
ERROR in .//ng-semantic/ng-semantic/dropdown/dropdown.js/ng-semantic/ng-semantic/dropdown/dropdown.js 1:0-17
Module not found: Error: Cannot resolve module 'null-loader' in C:\Users\gemini
Desktop\angular2-dashboard\node_modules\ng-semantic\ng-semantic\dropdown
@ ./
ERROR in .//ng-semantic/ng-semantic/select/select.js/ng-semantic/ng-semantic/select/select.js 1:0-17
Module not found: Error: Cannot resolve module 'null-loader' in C:\Users\gemini
Desktop\angular2-dashboard\node_modules\ng-semantic\ng-semantic\select
@ ./
ERROR in .//ng-semantic/ng-semantic/input/input.js/ng-semantic/ng-semantic/input/input.js 1:0-17
Module not found: Error: Cannot resolve module 'null-loader' in C:\Users\gemini
Desktop\angular2-dashboard\node_modules\ng-semantic\ng-semantic\input
@ ./
ERROR in .//ng-semantic/ng-semantic/sidebar/sidebar.js/ng-semantic/ng-semantic/sidebar/sidebar.js 1:0-17
Module not found: Error: Cannot resolve module 'null-loader' in C:\Users\gemini
Desktop\angular2-dashboard\node_modules\ng-semantic\ng-semantic\sidebar
@ ./
ERROR in .//ng-semantic/ng-semantic/tab/tab.js/ng-semantic/ng-semantic/tab/tab.js 1:0-17
Module not found: Error: Cannot resolve module 'null-loader' in C:\Users\gemini
Desktop\angular2-dashboard\node_modules\ng-semantic\ng-semantic\tab
@ ./
ERROR in .//ng-semantic/ng-semantic/dimmer/dimmer.js/ng-semantic/ng-semantic/dimmer/dimmer.js 1:0-17
Module not found: Error: Cannot resolve module 'null-loader' in C:\Users\gemini
Desktop\angular2-dashboard\node_modules\ng-semantic\ng-semantic\dimmer
@ ./
ERROR in .//ng-semantic/ng-semantic/accordion/accordion.js/ng-semantic/ng-semantic/accordion/accordion.js 1:0-17
Module not found: Error: Cannot resolve module 'null-loader' in C:\Users\gemini
Desktop\angular2-dashboard\node_modules\ng-semantic\ng-semantic\accordion
@ ./
ERROR in .//ng-semantic/ng-semantic/rating/rating.js/ng-semantic/ng-semantic/rating/rating.js 1:0-17
Module not found: Error: Cannot resolve module 'null-loader' in C:\Users\gemini
Desktop\angular2-dashboard\node_modules\ng-semantic\ng-semantic\rating
@ ./
from ngsemantic.
Are you using that 'null-loader' loader in your webpack config? (I dont even have it installed in my setup)
from ngsemantic.
Yes I am using it as I have jQuery installed directly with npm & typings
On 18 Aug 2016 14:29, "Daniel Zolnjan" [email protected] wrote:
Are you using that 'null-loader' loader in your webpack config? (I dont
even have it installed in my setup)—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
#49 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AQo6KGXkj9bMDXlMCS3PyoNkEpxir0dmks5qhB7zgaJpZM4JnPSv
.
from ngsemantic.
If its just for jquery you can remove null-loader and import jquery using the ProvidePlugin (standard jquery import setup)
new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' })
from ngsemantic.
Presently after doing all the steps above mentioned I am getting this: Uncaught TypeError: core_1.NgModule is not a function
For ng-semantic.js :
NgSemanticModule = __decorate([
core_1.NgModule({
declarations: [exports.SEMANTIC_DIRECTIVES, exports.SEMANTIC_COMPONENTS],
exports: [exports.SEMANTIC_COMPONENTS, exports.SEMANTIC_DIRECTIVES],
imports: [common_1.CommonModule, forms_1.FormsModule, forms_1.ReactiveFormsModule]
}),
__metadata('design:paramtypes', [])
], NgSemanticModule);
return NgSemanticModule;
from ngsemantic.
Hey,
Last night i updated everything on Angular RC.5...
There is no backward compitability so you will need to update your app too.
On 19 Aug 2016 11:59, "Beck Technology" [email protected] wrote:
Presently after doing all the steps above mentioned I am getting this:
Uncaught TypeError: core_1.NgModule is not a functionFor ng-semantic.js :
NgSemanticModule = __decorate([
core_1.NgModule({
declarations: [exports.SEMANTIC_DIRECTIVES, exports.SEMANTIC_COMPONENTS],
exports: [exports.SEMANTIC_COMPONENTS, exports.SEMANTIC_DIRECTIVES],
imports: [common_1.CommonModule, forms_1.FormsModule,
forms_1.ReactiveFormsModule]
}),
__metadata('design:paramtypes', [])
], NgSemanticModule);
return NgSemanticModule;—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
#49 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AAtFTmq9WX40XMDgW3QgeIwjr9GNL33kks5qhX5pgaJpZM4JnPSv
.
from ngsemantic.
Could you please add how to install ngSemantic in webpack to readme. Angular CLI has switched to webpack and I am not getting ngSemantic to work any more.
from ngsemantic.
Oh, things are changing to fast :)
I will update my README for webpack configuration.
Best regards!
Check it out: www.pinmap.io http://www.pinmap.io
On 19 August 2016 at 15:53, papoola [email protected] wrote:
Could you please add how to install ngSemantic in webpack to readme.
Angular CLI has switched to webpack and I am not getting ngSemantic to work
any more.—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
#49 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AAtFTpgUFTdD6OHgZMhF2IcdqeDhJNEVks5qhbVVgaJpZM4JnPSv
.
from ngsemantic.
Repository generated by Angular CLI with ngSemantic included
https://github.com/vladotesanovic/angular2-cli-webpack
// @todo
I need to find proper way to load semantic.min.css here....
from ngsemantic.
Thank you @vladotesanovic ! I will check it out tonight. In the mean time you might wanna check angular/angular-cli#1747 once this has been merged it will make importing libraries JS and CSS much easier
from ngsemantic.
Yep, i saw that.
Repository is just proof, i will try to improve it. If you find anything
where you can contribute, please feel free to do that.
Best regards!
Check it out: www.pinmap.io http://www.pinmap.io
On 21 August 2016 at 19:45, papoola [email protected] wrote:
Thank you @vladotesanovic https://github.com/vladotesanovic ! I will
check it out tonight. In the mean time you might wanna check
angular/angular-cli#1747
angular/angular-cli#1747 once this has been
merged it will make importing libraries JS and CSS much easier—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
#49 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AAtFTib38D3r8lYFr3i1yeMSR3-y_8KSks5qiI63gaJpZM4JnPSv
.
from ngsemantic.
Related Issues (20)
- angular-cli, lots of "Module not found: Error: Can't resolve" on initial integration HOT 1
- Popup should use event.currentTarget HOT 2
- Show sidebar by default HOT 1
- latest angular-cli breaks build HOT 3
- ng-semantic HOT 2
- semantic css files not available HOT 3
- sm-select not working for formArray HOT 1
- sm-select onOpen/onShow event HOT 1
- sm-select model binding doesn't work HOT 1
- ERROR in NgSemanticModule is not an NgModule HOT 1
- ng-content Transclusion doesn't work with element selector HOT 1
- How to prevent <sm-dropdown>from actually selecting an option HOT 1
- Dropwdown style not cleaned when reset sm-select
- sm-tab is not working on ie11 HOT 1
- sm-tab active input does not change tab contents
- Is this project still alive? HOT 5
- How can i delete a certain item on sm-select multiple item
- Is compatible with angular 4 HOT 1
- sm select: select all cities by default
- Error when use ngSemantic with Angular6 HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ngsemantic.