resolving symbol WEB_STORAGE_DECLARATIONS

[SANTHK]

ERROR in Error encountered resolving symbol values statically. Only initialized variables and constants can be referenced because the value of this variable is needed by the template co mpiler (position 3:22 in the original .ts file), resolving symbol WEB_STORAGE_DECLARATIONS in E:/Santh/onViewMisA2/node_modules/@ng2plus/web-storage/index.d.ts, resolving symbol OnViewM isModule in E:/Santh/onViewMisA2/src/app/on-view-mis/on-view-mis.module.ts, resolving symbol OnViewMisModule in E:/Santh/onViewMisA2/src/app/on-view-mis/on-view-mis.module.ts

[likerRr]

Can you provide more info what you try to do and how you do it?

[SANTHK]

I am trying to use web storage for storing data as local storage. For that I have implemented steps provided in the guide specified in npm. I am using angular-cli.json file to inject the dependencies. Please find my package.json and angular cli file below. Angular-Cli: { "project": { "version": "1.0.0-beta.18", "name": "angular2-admin-lte" }, "apps": [ { "root": "src", "outDir": "dist", "assets": [ "assets", "favicon.ico" ], "index": "index.html", "main": "main.ts", "test": "test.ts", "tsconfig": "tsconfig.json", "prefix": "app", "mobile": false, "styles": [ "styles.css", "../node_modules/bootstrap/dist/css/bootstrap.min.css", "../node_modules/morris.js/morris.css", "../node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker3.min.css", "../node_modules/font-awesome/css/font-awesome.css", "../node_modules/ionicons/dist/css/ionicons.css", "../node_modules/angular-ui-grid/ui-grid.min.css", "admin.less" ], "scripts": [ "../node_modules/jquery/dist/jquery.min.js", "../node_modules/jqueryui/jquery-ui.min.js", "scripts.js", "../node_modules/bootstrap/dist/js/bootstrap.min.js", "../node_modules/admin-lte/dist/js/app.js", "../node_modules/raphael/raphael.min.js", "../node_modules/morris.js/morris.min.js", "../node_modules/jquery-knob/dist/jquery.knob.min.js", "../node_modules/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js", "../node_modules/icheck/icheck.min.js", "../node_modules/angular/angular.min.js", "../node_modules/angular-ui-grid/ui-grid.js", "../bower_components/pdfmake-master/build/pdfmake.js", "../bower_components/pdfmake-master/build/vfs_fonts.js", "../node_modules/@ng2plus/web-storage/bundles/web-storage.umd.js", "../node_modules/@ng2plus/web-storage/bundles/web-storage.umd.min.js" ], "environmentSource": "environments/environment.ts", "environments": { "dev": "environments/environment.ts", "prod": "environments/environment.prod.ts" } } ], "addons": [], "packages": [], "e2e": { "protractor": { "config": "./protractor.conf.js" } }, "test": { "karma": { "config": "./karma.conf.js" } }, "defaults": { "styleExt": "css", "prefixInterfaces": false, "inline": { "style": false, "template": false }, "spec": { "class": false, "component": true, "directive": true, "module": false, "pipe": true, "service": true } } }

Package.json { "name": "angular2-admin-lte", "version": "0.0.0", "license": "MIT", "angular-cli": {}, "keywords": [ "angular2", "provider", "service", "web-storage", "storage", "localstorage", "sessionstorage", "typescript", "umd" ], "scripts": { "ng": "ng", "start": "ng serve --port 9999", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/cli": "^1.0.4", "@angular/common": "^4.1.0", "@angular/compiler": "^4.1.0", "@angular/core": "^4.1.0", "@angular/forms": "^4.1.0", "@angular/http": "^4.1.0", "@angular/platform-browser": "^4.1.0", "@angular/platform-browser-dynamic": "^4.1.0", "@angular/router": "^4.1.0", "@angular/upgrade": "^4.1.0", "@types/bootstrap-datepicker": "0.0.3", "@types/bootstrap-slider": "^4.8.32", "@types/chartjs": "0.0.29", "@types/fastclick": "^1.0.28", "@types/flot": "0.0.28", "@types/icheck": "^0.8.28", "@types/jquery": "^2.0.33", "@types/jquery-knob": "^1.2.28", "@types/jquery.slimscroll": "^1.3.30", "@types/jqueryui": "^1.11.31", "@types/morris.js": "^0.5.5", "@ng2plus/web-storage": "^1.1.0", "admin-lte": "~2.3.7", "angular": "1.5.9", "angular-ui-grid": "^4.0.4", "bootstrap": "^3.3.7", "bootstrap-datepicker": "^1.6.4", "bootstrap-slider": "^9.3.0", "chart.js": "^2.3.0", "core-js": "^2.4.1", "fastclick": "^1.0.6", "flot": "^0.8.0-alpha", "font-awesome": "^4.7.0", "icheck": "^1.0.2", "ionicons": "^3.0.0", "jquery": "^3.1.1", "jquery-knob": "^1.2.11", "jquery-slimscroll": "^1.3.8", "jqueryui": "^1.11.1", "moment": "^2.15.2", "morris.js": "^0.5.0", "pdfmake": "^0.1.28", "raphael": "^2.2.6", "rxjs": "^5.1.0", "ts-helpers": "^1.1.1", "typescript": "^2.3.2", "zone.js": "^0.8.9" }, "devDependencies": { "@types/angular": "^1.5.20", "@angular/compiler-cli": "^4.1.0", "@types/jasmine": "2.5.38", "@types/node": "~6.0.60", "codelyzer": "~3.0.0", "jasmine-core": "~2.5.2", "jasmine-spec-reporter": "~3.2.0", "karma": "~1.4.1", "karma-chrome-launcher": "~2.0.0", "karma-cli": "~1.0.1", "karma-jasmine": "~1.1.0", "karma-jasmine-html-reporter": "^0.2.2", "karma-coverage-istanbul-reporter": "^0.2.0", "protractor": "~5.1.0", "ts-node": "~3.0.2", "tslint": "~5.1.0", "@ng2plus/web-storage": "^1.1.0", "typescript": "^2.3.2" } }

[likerRr]

Currently the package supports only angular version 2.1.2. It's not designed to be used in angular v4+, sorry. But PR is welcomed.