I can't get react-art in bower.json in Visual Studio 2015. However, I can get it in package.json.
Package.json:
As a result, I don't see React-art in the wwwroot\lib folder and the react-art not working.
{
"name": "ASP.NET",
"version": "0.0.0",
"devDependencies": {
"gulp": "3.8.11",
"gulp-concat": "2.5.2",
"gulp-cssmin": "0.1.7",
"gulp-uglify": "1.2.0",
"rimraf": "2.2.8",
"react": "0.13.3",
"react-art": "0.13.0"
}
}
bower.json
The reason you've got it package.json is because you've installed a npm package of react-art, not a bower one (which isn't available). But if you're using Browserify, you'll be to use it with the following command
var reactArt = require('react-art');
Related
I am trying to create an angular 2 app
Below is the typescript code
import { Component } from 'angular2/core';
#Component({
selector: 'my-app',
template: ' < h1 > My First SharePoint Add In using Angular2... !!! < /h1>'
})
export class AppComponent { }
It is throwing the below errors
cannot find module angular2/core
Experimental support for decorators is a feature that is subject to change in a future release
For the second error I have also added
"experimentalDecorators": true,
in the tsconfig.json
I have also installed TypeScript SDK for Visual Studio 2017 and restarted Visual studio, but no luck
I also tried npm install -g typescript#latest
Below is my package.json
{
"name": "imageslideshow",
"version": "1.0.0",
"description": "slide show for image libraries",
"main": "index.js",
"dependencies": {
"#angular/core": "^4.3.2",
"angular2": "^2.0.0-beta.17",
"es6-promise": "^4.1.1",
"es6-shim": "^0.35.3",
"reflect-metadata": "^0.1.2",
"rxjs": "^5.0.0-beta.6",
"systemjs": "^0.20.17",
"zone.js": "^0.8.16"
},
"devDependencies": {},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "vignesh",
"license": "ISC"
}
When I try npm install I get the below message
Make sure you have run npm install on your project and the
dependencies are available in the node_modules folder.
In your package.json file you have dependencies with both Angular
version 2 and 4. Decide which one you want to use.
If you want to use Angular version 4 your import should be:
import { Component } from '#angular/core';
anyone knows how do i install kendo-ui ng2 on vs 2015 ?
should i use the packege.json flle ?
{
"version": "0.0.0",
"name": "Angular2AspNetCoreDemo",
"dependencies": {
"angular2": "2.0.0-beta.8",
"systemjs": "0.19.22",
"es6-promise": "^3.0.2",
"es6-shim": "^0.33.3",
"reflect-metadata": "0.1.2",
"rxjs": "5.0.0-beta.2",
"zone.js": "0.5.15",
"bootstrap": "^3.3.5",
"jquery": "^2.1.4"
},
"devDependencies": {
"gulp": "^3.9.1"
}
}
Everything you need to know is decribed here:
http://www.telerik.com/kendo-angular-ui/getting-started/#installation
You can use the inbuilt npm support of VS
I am using Visual Studio 2015 and creating a test MVC application.
I have added bower file (bower.json) with code as follows:
{
"name": "asp.net",
"private": true,
"dependencies": {
"jquery": "2.2.3",
"jquery-validation":"1.15.1",
"jquery-validation-unobtrusive": "3.2.5"
},
"resolutions": {
"jquery-validation": ">=1.8"
}
}
When I save the bower.json, it downloads all correctly, but for jquery-validation it does not download the dist folder:
This is also currently biting my project, which uses gulp-sass. gulp-sass depends on node-sass#^3.4.1 which just automatically updated to 3.5.3 which is a breaking release.
I have degraded my gulp sass version to the older(2.1.0) by updating the
package.json file but its still breaking.
how to go back to node sass 3.4.2?
Error Message
Error: You may not #extend an outer selector from within #media.
You may only #extend selectors within the same directive.
{
"version": "1.0.0",
"name": "abcd",
"devDependencies": {
"bower": "^1.3.12",
"express": "^4.12.3",
"gulp": "^3.8.10",
"gulp-autoprefixer": "^2.1.0",
"gulp-bower": "^0.0.7",
"gulp-concat": "^2.5.2",
"gulp-install": "^0.4.0",
"gulp-livereload": "^3.8.0",
"gulp-minify-css": "^1.0.0",
"gulp-plumber": "^1.0.0",
"gulp-sass": "2.1.0",
"gulp-sourcemaps": "^1.5.1",
"gulp-uglify": "^1.1.0"
},
"dependencies": {
"jquery": "1.11.1"
}
}
Looks like a new version was just released that allows the "buggy" version of node-sass but you can always npm shrinkwrap specific sub-dependencies to a specific version if you need to - assuming that the primary package is compatible with that dependency version.
This will lock the node-sass version in gulp-sass to 3.4.2:
{
"name": "yourprojectname",
"version": "1.0.0",
"dependencies": {
"gulp-sass": {
"version": "2.3.1",
"from": "gulp-sass#>=2.3.1 <3.0.0",
"resolved": "https://registry.npmjs.org/gulp-sass/-/gulp-sass-2.3.1.tgz",
"dependencies": {
"node-sass": {
"version": "3.4.2"
}
}
}
}
}
Make sure you delete your node_modules npm cache clean to clear your locally cached packages before running npm install again.
I have developed an extension for Visual Studio Code.
Its working fine on my computer.
"devDependencies": {
"fs": "^0.0.2",
"github": "^0.2.4",
"node-github": "0.0.3",
"open": "^0.0.5",
"typescript": "^1.6.2",
"vscode": "0.10.x"
},
"dependencies": {
"fs": "^0.0.2",
"github": "^0.2.4",
"node-github": "0.0.3",
"open": "^0.0.5",
"typescript": "^1.6.2",
"vscode": "0.10.x"
}
The problem is when I publish the extension online and download it. I don't get those npm modules in my computer causing my extension to crash.
How can I add those modules while publish?. If there is no possibility then how do I read a file and post it on github without npm modules in a visual studio code extension.
I would suggest looking at some of the extensions in the gallery https://marketplace.visualstudio.com/#VSCode. Specifically, the "Get Started" on the right usually points to a GitHub repo where you look at how other people have solved this issue.
I didn't use any dependencies like that in my extension, but here's the first one that looked similar to what you want: https://github.com/ziyasal/vscode-open-in-github/blob/master/package.json
I had to change it to.
"devDependencies": {
"typescript": "^1.6.2",
"vscode": "0.10.x"
},
"dependencies": {
"fs": "^0.0.2",
"github": "^0.2.4",
"node-github": "0.0.3",
"open": "^0.0.5"
}
then run npm install and then vsce package then it will added into that extension file.