I have a stange error... Working with Angular and now suddenly I pulled some updated code and I can't even install the packages for my project anymore, I always get the following message:
Could not resolve dependency:
peer zone.js#"~0.10.3" from #angular/core#10.2.5
node_modules/#angular/core
#angular/core#"^10.1.5" from the root project
peer #angular/core#"10.2.5" from #angular/animations#10.2.5
node_modules/#angular/animations
dev #angular/animations#"^10.1.5" from the root project
It is strange because nothing changed, just removed the node_modules folder for making a clean install... I am using npm#7.11.2 and node#v14.15.4. And this is the content of the package.json (I know a lot of them old, I had to use them).
"dependencies": {
"#angular-devkit/schematics": "^10.1.6",
"#angular/cdk": "^10.2.4",
"#angular/cli": "^10.1.6",
"#angular/common": "^10.1.5",
"#angular/core": "^10.1.5",
"#angular/forms": "^10.1.5",
"#angular/material": "^10.2.4",
"#angular/platform-browser": "^10.1.5",
"#angular/platform-browser-dynamic": "^10.1.5",
"#angular/router": "^10.1.5",
"#ng-bootstrap/ng-bootstrap": "^7.0.0",
"#ng-idle/core": "^10.0.0-beta.1",
"#ng-idle/keepalive": "^10.0.0-beta.1",
"#okta/okta-angular": "^2.0.0",
"#progress/kendo-angular-dateinputs": "^4.1.0",
"#progress/kendo-angular-dialog": "^4.1.0",
"#progress/kendo-angular-dropdowns": "^4.1.0",
"#progress/kendo-angular-grid": "^4.3.0",
"#progress/kendo-angular-notification": "^2.0.0",
"#progress/kendo-angular-ripple": "^2.0.0",
"#progress/kendo-data-query": "^1.5.2",
"#progress/kendo-theme-default": "^4.19.0",
"#types/jest": "^26.0.3",
"animate-sass": "^0.8.2",
"bootstrap": "^3.3.7",
"bootstrap-sass": "^3.4.1",
"core-js": "^3.2.1",
"font-awesome": "^4.7.0",
"jquery": "^3.5.1",
"moment": "^2.24.0",
"ngx-countdown": "^10.0.1",
"ngx-hocs-unsubscriber": "^1.1.7",
"ngx-json-viewer": "^2.4.0",
"powerbi-client": "^2.11.0",
"rxjs": "^6.5.3",
"xlsx": "^0.16.8"
},
"devDependencies": {
"#angular-devkit/build-angular": "^0.1001.6",
"#angular-eslint/eslint-plugin": "0.0.1-alpha.32",
"#angular/animations": "^10.1.5",
"#angular/compiler": "^10.1.5",
"#angular/compiler-cli": "~10.1.5",
"#angular/localize": "^10.1.5",
"#progress/kendo-angular-buttons": "^5.4.3",
"#progress/kendo-angular-common": "^1.2.3",
"#progress/kendo-angular-excel-export": "^3.1.4",
"#progress/kendo-angular-inputs": "^6.6.1",
"#progress/kendo-angular-intl": "^2.0.2",
"#progress/kendo-angular-l10n": "^2.0.2",
"#progress/kendo-angular-pdf-export": "^2.0.4",
"#progress/kendo-angular-popup": "^3.0.6",
"#progress/kendo-drawing": "^1.8.1",
"#types/jasmine": "^3.5.11",
"#types/jasminewd2": "^2.0.8",
"#types/jquery": "^3.3.33",
"#types/node": "^14.11.8",
"#typescript-eslint/eslint-plugin": "^4.4.1",
"#typescript-eslint/eslint-plugin-tslint": "^4.4.1",
"#typescript-eslint/parser": "^4.4.1",
"bufferutil": "^4.0.1",
"eslint": "^7.3.1",
"eslint-config-prettier": "^6.11.0",
"eslint-plugin-import": "^2.22.0",
"jasmine-core": "^3.6.0",
"jasmine-spec-reporter": "^6.0.0",
"karma": "^5.2.3",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~3.0.2",
"karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "^1.5.0",
"protractor": "~7.0.0",
"text-encoding": "^0.7.0",
"tslib": "^2.0.0",
"tslint": "~6.1.0",
"typescript": "4.0.3",
"zone.js": "^0.11.1"
}
Any help would be a big thanks, because this issue is killing my nerves....
Related
I have several problems while installing SurveyJS locally and all it's dependencies.
I am installing them with npm i but still got several problems with the dependencies.
My OS version is Ubuntu 20.04.5 LTS.
Node -v v19.2.0
NPM -v 8.19.3
Here are the dependencies:
{
"#angular-devkit/build-angular": "^13.3.10",
"#angular/cdk": "~13.0.0",
"#angular/cli": "~13.0.0",
"#angular/common": "~13.0.0",
"#angular/compiler": "~13.0.0",
"#angular/compiler-cli": "~13.0.0",
"#angular/core": "~13.0.0",
"#angular/forms": "~13.0.0",
"#angular/platform-browser": "~13.0.0",
"#angular/platform-browser-dynamic": "~13.0.0",
"#types/ace": "0.0.32",
"#types/angular": "^1.6.2",
"#types/babel__traverse": "7.18.2",
"#types/jest": "23.3.3",
"#types/jquery": "^2.0.39",
"#types/lodash": "4.14.186",
"#types/node": "*",
"#types/papaparse": "^5.0.4",
"#types/qunit": "2.0.31",
"#types/react": "17.0.1",
"#types/react-dom": "17.0.1",
"#types/signature_pad": "^2.3.0",
"#typescript-eslint/eslint-plugin": "^4.29.0",
"#typescript-eslint/parser": "^4.29.0",
"ace-builds": "1.2.2",
"ajv": "^8.11.2",
"babel-loader": "8.2.5",
"colors": "1.4.0",
"concurrently": "^5.2.0",
"copy-webpack-plugin": "^11.0.0",
"css-loader": "^3.6.0",
"devextreme-screenshot-comparer": "^2.0.11",
"dotenv": "4.0.0",
"eslint": "^7.32.0",
"eslint-cli": "^1.1.1",
"eslint-plugin-react": "7.30.1",
"eslint-plugin-surveyjs": "file:eslint-surveyjs",
"eslint-plugin-vue": "^7.16.0",
"file-loader": "^0.10.1",
"generate-json-webpack-plugin": "^1.0.0",
"github-api": "^3.3.0",
"html-loader": "^0.4.5",
"http-server": "^14.1.1",
"husky": "^7.0.0",
"jest": "^26.1.0",
"jest-canvas-mock": "^2.2.0",
"jquery": "^3.5.1",
"karma": "^6.1.1",
"karma-chrome-launcher": "^3.1.0",
"karma-junit-reporter": "2.0.1",
"karma-qunit": "4.1.2",
"karma-sourcemap-loader": "0.3.8",
"karma-webpack": "5.0.0",
"knockout": "^3.5.0",
"live-server": "^1.1.0",
"madge": "^4.0.2",
"mini-css-extract-plugin": "^0.9.0",
"minimist": "^1.2.5",
"ng-packagr": "^13.0.0",
"node-uuid": "^1.4.8",
"postcss": "^8.4.0",
"puppeteer": "^1.19.0",
"qunit": "2.14.0",
"react": "17.0.1",
"react-dom": "17.0.1",
"replace-in-file": "^3.4.3",
"rimraf": "2.5.4",
"rxjs": "~6.6.0",
"sass": "^1",
"sass-loader": "^8.0.2",
"standard-version": "^9.5.0",
"style-loader": "^1.2.1",
"surveyjs-doc-generator": "git+https://github.com/surveyjs/surveyjs-doc-generator.git",
"svg-inline-loader": "^0.8.2",
"testcafe": "1.16.1",
"testcafe-hammerhead": "24.5.4",
"testcafe-reporter-dashboard": "^0.2.4-rc.1",
"ts-jest": "^26.1.1",
"ts-loader": "^8.0.15",
"ts-node": "3.3.0",
"tsconfig-paths-webpack-plugin": "^3.3.0",
"typescript": "^4.2.2",
"url-loader": "^4.1.1",
"val-loader": "^0.5.1",
"vue": "2.6.14",
"vue-class-component": "7.2.6",
"vue-class-decorator": "7.6.3",
"vue-loader": "15.9.8",
"vue-property-decorator": "9.1.2",
"vue-template-compiler": "2.6.14",
"vue-tsc": "^1.0.8",
"webpack": "^4.43.0",
"webpack-cli": "^3.3.12",
"webpack-dev-server": "^4.11.1",
"webpack-fix-style-only-entries": "^0.6.1",
"webpack-merge": "^5.7.3",
"webpack-svgstore-plugin": "^3.0.5",
"zone.js": "~0.11.4"
I tried to force the execution with npm i --force still have a issues there.
My OS version is Ubuntu 20.04.5 LTS.
Node -v v19.2.0
NPM -v 8.19.3
I don't know if it's my OS version or if it's related to the dependencies.
For further details, I can add terminal output.
Here is what I got after doing:
rm -rf node_modules
npm config set legacy-peer-deps true
npm install
I'm setting up a typescript-nodejs project in my local environment in which I'm facing an issue when I try to perform the
npm run build-ts
It throws the following error:
node_modules/#types/mongodb/index.d.ts:40:1 - error TS1084: Invalid
'reference' directive syntax.
/// <reference> lib="esnext.asynciterable" />
node_modules/#types/superagent/index.d.ts:17:1 - error TS1084: Invalid
'reference' directive syntax.
/// <reference lib="dom" />
CLI error screenshot
Dependencies
"#types/bcryptjs": "^2.4.2",
"#types/helmet": "0.0.47",
"bcryptjs": "^2.4.3",
"dont-sniff-mimetype": "^1.1.0",
"helmet": "^3.23.3",
"helmet-csp": "^2.10.0",
"strict-transport-security": "^0.2.2",
"1.1.1": "^1.0.0",
"#types/cookie-parser": "^1.4.1",
"#types/cors": "^2.8.4",
"#types/lokijs": "^1.5.2",
"#types/mathjs": "^4.4.1",
"#types/moment-timezone": "^0.5.9",
"#types/passport-http-bearer": "^1.0.33",
"async": "^2.6.0",
"aws-sdk": "^2.252.1",
"axios": "^0.18.0",
"bcrypt-nodejs": "^0.0.3",
"bluebird": "^3.5.1",
"body-parser": "^1.18.2",
"class-validator": "^0.8.5",
"compression": "^1.7.1",
"connect-mongo": "^2.0.0",
"cookie-parser": "^1.4.3",
"cors": "^2.8.4",
"csv-parse": "^3.0.0",
"dotenv": "^4.0.0",
"errorhandler": "^1.5.0",
"express": "^4.16.2",
"express-csv": "^0.6.0",
"express-fileupload": "^1.1.6-alpha.6",
"express-flash": "0.0.2",
"express-session": "^1.15.6",
"express-validator": "^4.3.0",
"fbgraph": "^1.4.1",
"fuse.js": "^3.2.1",
"http-status-codes": "^1.3.0",
"json2csv": "^4.2.1",
"lodash": "^4.17.4",
"lokijs": "^1.5.5",
"lusca": "^1.5.2",
"mathjs": "^5.2.0",
"moment": "^2.22.2",
"mongoose": "^4.13.0",
"node-schedule": "^1.3.0",
"nodemailer": "^4.7.0",
"passport": "^0.4.0",
"passport-facebook": "^2.1.1",
"passport-http-bearer": "^1.0.1",
"passport-local": "^1.0.0",
"qs": "^6.5.2",
"rand-token": "^0.4.0",
"request": "^2.83.0",
"request-promise": "^4.2.2",
"uuid": "^3.3.2",
"webshot": "^0.18.0",
"winston": "^2.4.0",
"xml2js": "^0.4.19"
DevDependencies:
"#types/async": "^3.2.3",
"#types/bcrypt-nodejs": "^0.0.30",
"#types/bluebird": "^3.5.32",
"#types/body-parser": "^1.16.8",
"#types/compression": "^0.0.35",
"#types/connect-mongo": "^0.0.35",
"#types/dotenv": "^4.0.2",
"#types/errorhandler": "^0.0.32",
"#types/express": "^4.11.1",
"#types/express-session": "^1.15.8",
"#types/jest": "^22.1.3",
"#types/jquery": "^3.2.17",
"#types/lodash": "^4.14.91",
"#types/lusca": "^1.5.0",
"#types/mongodb": "^3.5.26",
"#types/mongoose": "^4.7.34",
"#types/morgan": "^1.7.35",
"#types/node": "^9.4.6",
"#types/nodemailer": "^6.4.0",
"#types/passport": "^0.4.3",
"#types/passport-facebook": "^2.1.7",
"#types/passport-local": "^1.0.32",
"#types/qs": "^6.5.1",
"#types/request": "^2.47.0",
"#types/shelljs": "^0.7.8",
"#types/supertest": "^2.0.10",
"#types/winston": "^2.3.7",
"chai": "^4.1.2",
"concurrently": "^3.5.1",
"jest": "^22.0.4",
"node-sass": "^4.14.1",
"nodemon": "^1.13.0",
"shelljs": "^0.8.1",
"supertest": "^3.0.0",
"ts-jest": "^22.0.4",
"ts-node": "^5.0.0",
"tslint": "^5.9.1",
"typescript": "^2.9.1"
Tried:
Updated #types/node to the latest version.
Removing a froward slash from triple slashes (it started to throw more error when I did this - You can view the errors here)
Deletion of node_modules folder and re-installation of packages
in /// <reference> lib="esnext.asynciterable" /> the syntax actually IS invalid.
It should be /// <reference lib="esnext.asynciterable" /> like an xml tag.
You can find more information about this by searching for "Triple-Slash Directives" in the Typescript docs.
https://www.typescriptlang.org/docs/handbook/triple-slash-directives.html
After updating Vuetify and Vue, I am getting this error:
Module build failed: Error: C:\Users...\node_modules\vuetify\src\stylus\components_app.styl:25:25
21| position: relative
22|
23| application($material)
24| background: $material.background
25| color: $material.text.primary
-------------------------------^
26|
27| .text
28| &--primary
$material.text has no property .primary
at application() (C:\Users...\node_modules\vuetify\src\stylus\components_app.styl:24:22)
at ".theme--light.application" (C:\Users...\node_modules\vuetify\src\stylus\theme.styl:8:25)
at light() (C:\Users...\node_modules\vuetify\src\stylus\theme.styl:8:24)
at theme() (C:\Users...\node_modules\vuetify\src\stylus\theme.styl:4:24)
I'm upgrading from Vuetify 0.8.7. I know that's crazy out of date, this is a project I inherited at work. I've tried updating vue and vuetify, updating its dependencies manually, vue-loader, vue-style-loader, vue-template-compiler.
Here is my package.json devDependencies
"dependencies": {
"axios": "^0.16.2",
"chart.js": "^2.7.3",
"chartjs-plugin-annotation": "^0.5.5",
"d3": "^4.11.0",
"d3-sankey": "^0.7.1",
"hdfs": "^1.0.1",
"net": "^1.0.2",
"nouislider": "^10.1.0",
"numeral": "^2.0.6",
"tls": "0.0.1",
"v-file-upload": "^3.1.0",
"vee-validate": "^2.0.0-rc.23",
"vue": "^2.5.22",
"vue-chartjs": "^2.8.7",
"vue-router": "^2.7.0",
"vuetify": "^1.4.3",
"vuex": "^2.4.0",
"vuex-persistedstate": "^2.4.2",
"webhdfs": "^1.1.1"
}, "devDependencies": {
"autoprefixer": "^6.7.2",
"babel-core": "^6.26.3",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-istanbul": "^4.1.5",
"babel-plugin-transform-runtime": "^6.22.0",
"babel-preset-env": "^1.7.0",
"babel-preset-stage-2": "^6.22.0",
"babel-register": "^6.26.0",
"bootstrap-vue": "^0.15.8",
"chai": "^3.5.0",
"chalk": "^1.1.3",
"chromedriver": "^2.45.0",
"connect-history-api-fallback": "^1.3.0",
"copy-webpack-plugin": "^4.0.1",
"cross-env": "^4.0.0",
"cross-spawn": "^5.0.1",
"css-loader": "^0.28.7",
"d3-sankey": "^0.7.1",
"eslint": "^3.19.0",
"eslint-config-standard": "^6.2.1",
"eslint-friendly-formatter": "^2.0.7",
"eslint-loader": "^1.9.0",
"eslint-plugin-html": "^2.0.0",
"eslint-plugin-promise": "^3.4.0",
"eslint-plugin-standard": "^2.0.1",
"eventsource-polyfill": "^0.9.6",
"express": "^4.16.4",
"extract-text-webpack-plugin": "^2.1.2",
"file-loader": "^0.11.2",
"friendly-errors-webpack-plugin": "^1.1.3",
"html-webpack-plugin": "^2.30.1",
"http-proxy-middleware": "^0.17.3",
"inject-loader": "^3.0.1",
"karma": "^1.7.1",
"karma-coverage": "^1.1.2",
"karma-mocha": "^1.3.0",
"karma-phantomjs-launcher": "^1.0.2",
"karma-phantomjs-shim": "^1.5.0",
"karma-sinon-chai": "^1.3.2",
"karma-sourcemap-loader": "^0.3.7",
"karma-spec-reporter": "0.0.30",
"karma-webpack": "^2.0.4",
"lolex": "^1.5.2",
"mocha": "^3.5.3",
"nightwatch": "^0.9.16",
"node-sass": "^4.11.0",
"opn": "^4.0.2",
"optimize-css-assets-webpack-plugin": "^1.3.2",
"ora": "^1.3.0",
"phantomjs-prebuilt": "^2.1.16",
"rimraf": "^2.6.2",
"sass-loader": "^6.0.6",
"selenium-server": "^3.5.3",
"semver": "^5.4.1",
"shelljs": "^0.7.8",
"sinon": "^2.4.1",
"sinon-chai": "^2.13.0",
"style-loader": "^0.17.0",
"stylus": "^0.54.5",
"stylus-loader": "^3.0.1",
"url-loader": "^0.5.9",
"vue-loader": "^11.3.4",
"vue-style-loader": "^2.0.5",
"vue-template-compiler": "^2.5.22",
"webpack": "^2.7.0",
"webpack-bundle-analyzer": "^2.9.0",
"webpack-dev-middleware": "^1.12.0",
"webpack-hot-middleware": "^2.19.1",
"webpack-merge": "^4.1.0"
}
Here is my main.js
import Vue from 'vue'
import App from './App'
import router from './router'
import Vuetify from 'vuetify'
import VeeValidate from 'vee-validate'
import store from './store'
Vue.config.productionTip = false
Vue.use(Vuetify)
Vue.use(VeeValidate, {
errorBagName: 'vErrors'
})
/* eslint-disable no-new */
new Vue({
el: '#app',
store,
router,
render: h => h(App)
})
Can't find much on this issue. Anyone encountered something like this?
You did a very big update. Quite hard everything that changed. I will post few stuff that you need to check assuming everything else is quite up to date. Hope your problem is in one of these files
main.js:
import Vue from 'vue'
import "./plugins/vuetify";
import App from './App'
import router from './router'
import VeeValidate from 'vee-validate'
import store from './store'
Vue.config.productionTip = false
Vue.use(VeeValidate, {
errorBagName: 'vErrors'
})
/* eslint-disable no-new */
new Vue({
el: '#app',
store,
router,
render: h => h(App)
})
vuetify.js:
import Vue from 'vue'
import Vuetify from 'vuetify/lib'
import 'vuetify/src/stylus/app.styl'
Vue.use(Vuetify, {
iconfont: 'md',
})
index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>temp</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons">
</head>
<body>
<noscript>
<strong>We're sorry but temp doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
I am working on a project with angular 2 , firebase and ionic, I installed all the npm packages and angularfire2 as well.
But when i am using
import { AngularFireModule } from 'angularfire2';
when I open the app.module.ts the IDE(Visual Studio Code) says that there is no exported member called 'AngularFireModule'.
versions of the dependencies of my package.json file are
"dependencies": {
"#angular/common": "4.1.3",
"#angular/compiler": "4.1.3",
"#angular/compiler-cli": "4.1.3",
"#angular/core": "4.1.3",
"#angular/forms": "4.1.3",
"#angular/http": "4.1.3",
"#angular/platform-browser": "4.1.3",
"#angular/platform-browser-dynamic": "4.1.3",
"#ionic-native/core": "3.10.2",
"#ionic-native/splash-screen": "3.10.2",
"#ionic-native/status-bar": "3.10.2",
"#ionic/storage": "2.0.1",
"angularfire2": "^4.0.0-rc.1",
"firebase": "^4.1.3",
"ionic-angular": "3.4.2",
"ionicons": "3.0.0",
"rxjs": "5.4.0",
"sw-toolbox": "3.6.0",
"zone.js": "0.8.12"
},
"devDependencies": {
"#ionic/app-scripts": "^2.0.2",
"typescript": "2.3.3"
},
Is there anything missing from the package.json or the problem is with incompatible versions?
I am currently working on Angular 2 app and uploading it on heroku.
When i simply upload without using any calling any class in div . it uploads on heroku when i use git push heroku master
like my appcomponent.html
<h1>
{{title}}
</h1>
<div>
<h2>Gtting started.....</h2>
</div>
till now it works fine. but as soon as i added these dives or any other div with styling
`<div class="footer-newsletter">
<div class="container-fluid">
<p style="color:#36b4d2">Search and Save</p>
<form>
<input type="search" name=query [(ngModel)]="query"
#quer="ngModel" class="form-control" placeholder="Search" required>
<button type="button" (click)="Search()" class="btn btn-custom">Search</button>
</form>
</div><!-- End .container-fluid -->
</div><!-- End .footer-newsletter -->
`
it gives me this error on heroku push master command
! [remote rejected] master -> master (pre-receive hook declined)
error: failed to push some refs to 'https://git.heroku.com/some.git'
i have added css files in assets and that works fine localy. can anyone please tell me what the reason behind this. i have wasted two days on it. any help will be highly appriciated.
Package.json
{
"name": "erecommender",
"version": "0.0.0",
"license": "MIT",
"angular-cli": {},
"scripts": {
"ng": "ng",
"start": "node server.js",
"test": "ng test",
"postinstall": "ng build --aot -prod",
"pree2e": "webdriver-manager update --standalone false --gecko false",
"e2e": "protractor"
},
"engines": {
"node": "6.10.2",
"npm": "4.5.0"
},
"private": true,
"dependencies": {
"#angular/common": "^2.3.1",
"#angular/compiler": "^2.3.1",
"#angular/core": "^2.3.1",
"#angular/forms": "^2.3.1",
"#angular/http": "^2.3.1",
"#angular/platform-browser": "^2.3.1",
"#angular/platform-browser-dynamic": "^2.3.1",
"#angular/router": "^3.3.1",
"angular-cli": "1.0.0-beta.28.3",
"core-js": "^2.4.1",
"express": "^4.15.2",
"rxjs": "^5.0.1",
"ts-helpers": "^1.1.1",
"zone.js": "^0.7.2"
},
"devDependencies": {
"#angular/compiler-cli": "^2.3.1",
"#types/jasmine": "2.5.38",
"#types/node": "^6.0.42",
"angular-cli": "1.0.0-beta.28.3",
"codelyzer": "~2.0.0-beta.1",
"jasmine-core": "2.5.2",
"jasmine-spec-reporter": "2.5.0",
"karma": "1.2.0",
"karma-chrome-launcher": "^2.0.0",
"karma-cli": "^1.0.1",
"karma-jasmine": "^1.0.2",
"karma-remap-istanbul": "^0.2.1",
"protractor": "~4.0.13",
"ts-node": "1.2.1",
"tslint": "^4.3.0",
"typescript": "~2.0.3"
}
}