gulp serve SyntaxError error ( Angular1.5) - angularjs

I have got below errors after using gulp serve to run a Angular project.
SyntaxError: /Users/xxxx/Desktop/xxx/Projects/xxxx_Project/TeamTrack_Angular/package.json: Unexpected token } in JSON at position 1429
at JSON.parse ()
at Object.Module._extensions..json (module.js:672:27)
at Module.load (module.js:566:32)
at tryModuleLoad (module.js:506:12)
at Function.Module._load (module.js:498:3)
at Module.require (module.js:597:17)
at require (internal/module.js:11:18)
at module.exports (/Users/jzhu321/Desktop/PwC/Projects/TeamTrack_Project/TeamTrack_Angular/node_modules/gulp-load-plugins/index.js:49:49)
at Object. (/Users/jzhu321/Desktop/PwC/Projects/TeamTrack_Project/TeamTrack_Angular/gulp/build.js:7:37)
at Module._compile (module.js:653:30)
and this is my package.json:
{
"name": "forecastAngular",
"version": "0.1.0",
"dependencies": {
"bower": "^1.7.9",
"browser-sync": "~2.9.11",
"browser-sync-spa": "~1.0.3",
"chalk": "~1.1.1",
"del": "~2.0.2",
"eslint-plugin-angular": "~0.12.0",
"estraverse": "~4.1.0",
"gulp": "^3.9.1",
"gulp-angular-filesort": "~1.1.1",
"gulp-angular-templatecache": "~1.8.0",
"gulp-autoprefixer": "~3.0.2",
"gulp-cssnano": "~2.1.1",
"gulp-eslint": "~1.0.0",
"gulp-filter": "~3.0.1",
"gulp-flatten": "~0.2.0",
"gulp-htmlmin": "~1.3.0",
"gulp-inject": "~3.0.0",
"gulp-load-plugins": "~0.10.0",
"gulp-ng-annotate": "~1.1.0",
"gulp-protractor": "~2.1.0",
"gulp-rename": "~1.2.2",
"gulp-replace": "~0.5.4",
"gulp-rev": "~6.0.1",
"gulp-rev-replace": "~0.4.2",
"gulp-sass": "~2.0.4",
"gulp-size": "~2.0.0",
"gulp-sourcemaps": "~1.6.0",
"gulp-uglify": "~1.4.1",
"gulp-useref": "~3.0.3",
"gulp-util": "~3.0.6",
"http-proxy-middleware": "~0.9.0",
"karma": "~0.13.10",
"karma-angular-filesort": "~1.0.0",
"karma-coverage": "~0.5.2",
"karma-jasmine": "~0.3.6",
"karma-ng-html2js-preprocessor": "~0.2.0",
"karma-phantomjs-launcher": "~0.2.1",
"karma-phantomjs-shim": "~1.2.0",
"lodash": "~3.10.1",
"main-bower-files": "~2.9.0",
"phantomjs": "~1.9.18",
"uglify-save-license": "~0.4.1",
"wiredep": "~2.2.2",
},
"scripts": {
"test": "gulp test",
"postinstall": "bower install",
"prestart": "npm install",
"start": "gulp serve",
},
"devDependencies": {
"estraverse": "~4.1.0",
"gulp": "~3.9.0",
"gulp-autoprefixer": "~3.0.2",
"gulp-angular-templatecache": "~1.8.0",
"del": "~2.0.2",
"lodash": "~3.10.1",
"gulp-cssnano": "~2.1.1",
"gulp-filter": "~3.0.1",
"gulp-flatten": "~0.2.0",
"gulp-eslint": "~1.0.0",
"eslint-plugin-angular": "~0.12.0",
"gulp-load-plugins": "~0.10.0",
"gulp-size": "~2.0.0",
"gulp-uglify": "~1.4.1",
"gulp-useref": "~3.0.3",
"gulp-util": "~3.0.6",
"gulp-ng-annotate": "~1.1.0",
"gulp-replace": "~0.5.4",
"gulp-rename": "~1.2.2",
"gulp-rev": "~6.0.1",
"gulp-rev-replace": "~0.4.2",
"gulp-htmlmin": "~1.3.0",
"gulp-inject": "~3.0.0",
"gulp-protractor": "~2.1.0",
"gulp-sourcemaps": "~1.6.0",
"gulp-sass": "~2.0.4",
"gulp-angular-filesort": "~1.1.1",
"main-bower-files": "~2.9.0",
"wiredep": "~2.2.2",
"karma": "~0.13.10",
"karma-jasmine": "~0.3.6",
"karma-phantomjs-launcher": "~0.2.1",
"phantomjs": "~1.9.18",
"karma-angular-filesort": "~1.0.0",
"karma-phantomjs-shim": "~1.2.0",
"karma-coverage": "~0.5.2",
"karma-ng-html2js-preprocessor": "~0.2.0",
"browser-sync": "~2.9.11",
"browser-sync-spa": "~1.0.3",
"http-proxy-middleware": "~0.9.0",
"chalk": "~1.1.1",
"uglify-save-license": "~0.4.1",
},
"engines": {
"node": ">=0.10.0"
}
}
I can't find what's wrong with it . so pls help .

Related

EsLint issue of undefined 'Version' in React js

node: 14.17.0
React js: 17.0.2
I commit my code I get the error :
✖ npm run lint:eslint:fix found some errors. Please fix them and try committing again.
TypeError: Cannot read property 'version' of undefined
Dev Dependicies:
"devDependencies": {
"#babel/cli": "7.4.3",
"#babel/core": "^7.4.3",
"#babel/eslint-parser": "^7.16.5",
"#babel/eslint-plugin": "^7.16.5",
"#babel/node": "^7.17.10",
"#babel/plugin-proposal-class-properties": "7.4.0",
"#babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
"#babel/plugin-proposal-optional-chaining": "^7.14.5",
"#babel/plugin-syntax-dynamic-import": "7.2.0",
"#babel/plugin-transform-modules-commonjs": "7.4.3",
"#babel/plugin-transform-react-constant-elements": "7.2.0",
"#babel/plugin-transform-react-inline-elements": "7.2.0",
"#babel/preset-env": "^7.17.12",
"#babel/preset-react": "^7.17.12",
"#babel/register": "7.4.0",
"#squoosh/lib": "^0.4.0",
"#types/hoist-non-react-statics": "^3.3.1",
"add-asset-html-webpack-plugin": "3.1.1",
"babel-core": "7.0.0-bridge.0",
"babel-eslint": "10.0.1",
"babel-loader": "^8.0.5",
"babel-plugin-dynamic-import-node": "2.2.0",
"babel-plugin-lodash": "3.3.4",
"babel-plugin-react-intl": "3.0.1",
"babel-plugin-react-transform": "3.0.0",
"babel-plugin-styled-components": "^1.10.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.24",
"chai": "^4.2.0",
"circular-dependency-plugin": "5.0.2",
"compare-versions": "3.4.0",
"compression-webpack-plugin": "2.0.0",
"coveralls": "3.0.2",
"css-loader": "3.4.2",
"enzyme": "3.7.0",
"enzyme-adapter-react-16": "1.6.0",
"enzyme-to-json": "3.3.4",
"eslint": "5.16.0",
"eslint-config-airbnb": "17.1.0",
"eslint-config-airbnb-base": "13.1.0",
"eslint-config-prettier": "4.1.0",
"eslint-import-resolver-webpack": "0.11.1",
"eslint-loader": "^2.1.1",
"eslint-plugin-flowtype": "^3.2.0",
"eslint-plugin-import": "2.17.0",
"eslint-plugin-jsx-a11y": "6.2.1",
"eslint-plugin-prettier": "3.0.1",
"eslint-plugin-react": "7.12.4",
"eslint-plugin-redux-saga": "1.0.0",
"eventsource-polyfill": "0.9.6",
"exports-loader": "0.7.0",
"file-loader": "3.0.1",
"happypack": "^5.0.1",
"html-loader": "0.5.5",
"html-webpack-plugin": "3.2.0",
"image-webpack-loader": "^8.0.1",
"imports-loader": "0.8.0",
"lint-staged": "8.1.5",
"ngrok": "^4.2.2",
"node-plop": "0.18.0",
"node-sass": "^4.14.1",
"null-loader": "0.1.1",
"offline-plugin": "5.0.6",
"optimize-css-assets-webpack-plugin": "^5.0.0",
"plop": "2.3.0",
"postcss-loader": "3.0.0",
"pre-commit": "1.2.2",
"prettier": "^1.17.0",
"prismjs": "^1.11.0",
"raw-loader": "2.0.0",
"react-app-polyfill": "0.2.2",
"react-router-sitemap-generator": "^0.0.8",
"react-test-renderer": "16.8.6",
"rimraf": "2.6.3",
"sass-loader": "^7.1.0",
"sass-material-colors": "0.0.5",
"shelljs": "^0.8.4",
"style-loader": "0.23.1",
"stylelint": "10.0.1",
"stylelint-config-recommended": "2.2.0",
"stylelint-config-styled-components": "0.1.1",
"stylelint-processor-styled-components": "1.6.0",
"svg-url-loader": "2.3.2",
"terser-webpack-plugin": "1.2.3",
"url-loader": "1.1.2",
"webpack": "4.46.0",
"webpack-cli": "3.3.12",
"webpack-dev-middleware": "3.7.3",
"webpack-hot-middleware": "2.25.1",
"webpack-pwa-manifest": "4.3.0",
"whatwg-fetch": "3.0.0"
}
why I am getting this error. what I did wrong?

Error while upgrading rxjs from 6.5.5 to 7.4 in angular 13

I upgraded my angular version from 10 to 13 so I tried to upgrade rxjs from 6.5.5 to 7.4, rxjs-compat version from 6.6.2 to 6.6.7 that time I was getting the error. Please give me any solution.[![enter image description here][1]][1]
{
"name": "ng-mash-able",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"#agm/core": "^1.1.0",
"#angular/animations": "~13.3.7",
"#angular/cdk": "^13.3.7",
"#angular/common": "~13.3.7",
"#angular/compiler": "~13.3.7",
"#angular/core": "~13.3.7",
"#angular/forms": "~13.3.7",
"#angular/localize": "^13.3.7",
"#angular/material": "^13.3.7",
"#angular/material-moment-adapter": "^13.3.7",
"#angular/platform-browser": "~13.3.7",
"#angular/platform-browser-dynamic": "~13.3.7",
"#angular/router": "~13.3.7",
"#auth0/angular-jwt": "^5.0.2",
"#circlon/angular-tree-component": "^11.0.4",
"#fullcalendar/angular": "^5.1.0",
"#fullcalendar/core": "^5.1.0",
"#fullcalendar/daygrid": "^5.1.0",
"#fullcalendar/interaction": "^5.1.0",
"#fullcalendar/resource-daygrid": "^5.1.0",
"#fullcalendar/resource-timegrid": "^5.1.0",
"#fullcalendar/timegrid": "^5.1.0",
"#iplab/ngx-file-upload": "^2.0.7",
"#ng-bootstrap/ng-bootstrap": "^7.0.0",
"#nicky-lenaers/ngx-scroll-to": "^9.0.0",
"#stripe/stripe-js": "^1.27.0",
"#tinymce/tinymce-angular": "^4.2.0",
"angular-datatables": "^13.0.1",
"angular-dual-listbox": "^6.0.0",
"angular2-chartjs": "^0.5.1",
"angular2-moment": "^1.9.0",
"angular2-notifications": "^9.0.0",
"angular2-text-mask": "^9.0.0",
"angular2-tinymce": "^3.3.0",
"angular2-wizard": "^0.4.0",
"bn-ng-idle": "^2.0.1",
"bootstrap": "^4.5.2",
"c3": "^0.7.20",
"d3": "^5.16.0",
"datatables.net": "^1.10.22",
"datatables.net-buttons": "^1.6.3",
"datatables.net-buttons-dt": "^1.6.3",
"datatables.net-colreorder": "^1.5.2",
"datatables.net-dt": "^1.10.21",
"datatables.net-responsive": "^2.2.5",
"datatables.net-select": "^1.3.1",
"dynamsoft-javascript-barcode": "^8.0.0",
"echarts": "^4.8.0",
"famfamfam-flags": "^1.0.0",
"flag-icon-css": "^3.5.0",
"font-awesome": "^4.7.0",
"font-awesome-scss": "^1.0.0",
"fullcalendar": "^5.1.0",
"igniteui-angular": "^11.1.0",
"jquery": "^3.5.1",
"jquery-sparkline": "^2.4.0",
"morris.js": "^0.5.0",
"ng-click-outside": "^7.0.0",
"ng-connection-service": "^1.0.4",
"ng-multiselect-dropdown": "^0.3.8",
"ng-select": "^1.0.2",
"ng2-currency-mask": "^9.0.2",
"ng2-file-upload": "^1.4.0",
"ng2-google-charts": "^6.1.0",
"ng2-knob": "^1.1.0",
"ng2-select2": "^1.0.0-beta.16",
"ng2-toasty": "^4.0.3",
"ng2-ui-switch": "^1.0.2",
"ngx-chips": "^2.1.0",
"ngx-color-picker": "^10.0.1",
"ngx-custom-validators": "^9.1.0",
"ngx-echarts": "^5.1.2",
"ngx-mask": "^11.1.4",
"ngx-perfect-scrollbar": "^8.0.0",
"ngx-ui-switch": "^10.0.2",
"peity": "^3.3.0",
"print-js": "^1.6.0",
"raphael": "^2.3.0",
"rxjs": "^7.5.5",
"rxjs-compat": "^6.6.7",
"screenfull": "^3.3.2",
"signature_pad": "^4.0.4",
"simple-line-icons": "^2.5.5",
"sweetalert2": "^11.4.14",
"ti-icons": "^0.1.2",
"tinymce": "^4.8.3",
"tslib": "^2.0.0",
"tui-image-editor": "^3.11.0",
"zone.js": "~0.11.4"
},
"devDependencies": {
"#angular-devkit/build-angular": "^13.3.5",
"#angular/cli": "~13.3.5",
"#angular/compiler-cli": "~13.3.7",
"#swimlane/ngx-datatable": "^18.0.0",
"#types/datatables.net": "^1.10.19",
"#types/datatables.net-buttons": "^1.4.3",
"#types/jasmine": "~3.6.0",
"#types/jasminewd2": "~2.0.3",
"#types/jquery": "^3.5.1",
"#types/node": "^12.11.1",
"codelyzer": "^6.0.0",
"jasmine-core": "~3.6.0",
"jasmine-spec-reporter": "~5.0.0",
"karma": "~6.3.19",
"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",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~4.6.4"
}
}
Compiled with problems:X
ERROR in ./node_modules/ng2-toasty/ivy_ngcc/src/toasty.service.js 6:0-39
Module not found: Error: Package path ./Subject is not exported from package

Cannot find module with yarn workspaces for Angular & React apps in monorepo

We just started up a new project and decided to do it in monorepo together with the existing one. The existing project is in Angular 10 with some parts in React. The new project is purely React.
It seems like everything is getting installed properly and even all the tests are passing. However, when I try to build or even run the application (for the old project) I am getting the following error:
~/PRIZ/dev/priz-fe/platform (PRZ-140) $ yarn run build --delete-output-path
internal/modules/cjs/loader.js:818
throw err;
^
Error: Cannot find module '/Users/shurikag/PRIZ/dev/priz-fe/platform/node_modules/#angular/cli/bin/ng'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:815:15)
at Function.Module._load (internal/modules/cjs/loader.js:667:27)
at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:60:12)
at internal/main/run_main_module.js:17:47 {
code: 'MODULE_NOT_FOUND',
requireStack: []
}
I feel like it is something dumb that I am missing. Also, the IDE is not complaining about anything.
The folder structure looks like this:
Root package.json:
{
"private": true,
"name": "priz-fe",
"workspaces": [
"platform",
"hub"
],
"packageManager": "yarn#3.1.1"
}
Platform package.json:
{
"name": "platform",
"version": "0.0.1",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve",
"start-with-ssl": "node --max-old-space-size=4096 node_modules/#angular/cli/bin/ng serve --ssl --ssl-key docker/ssl/server.key --ssl-cert docker/ssl/server.pem",
"build": "node --max-old-space-size=4096 node_modules/#angular/cli/bin/ng build --configuration=production",
"test": "jest --maxConcurrency=2 --maxWorkers=2",
"update-snapshots": "jest --updateSnapshot",
"test-with-coverage": "ng test --code-coverage",
"eslint": "eslint 'src/app/**/*.{js,jsx,ts,tsx}'",
"eslint:fix": "eslint --fix 'src/app/**/*.{js,jsx,ts,tsx}'",
"lint": "yarn run eslint",
"tsc": "tsc --skipLibCheck --noEmit",
"e2e": "ng e2e",
"storybook": "start-storybook -s public -p 6006",
"build-storybook": "build-storybook",
"fmt": "prettier --write --config ./.prettierrc.yml '*.{js,yml}' 'src/app/**/*.{js,ts,tsx,scss,component.html}'",
"fmt:check": "prettier --config ./.prettierrc.yml --check '*.{js,yml}' 'src/app/**/*.{js,ts,tsx,scss,component.html}'",
"check": "yarn run fmt:check && yarn run tsc && yarn run lint",
"pre-commit": "yarn run fmt && yarn run check && yarn run test"
},
"jest": {
"transform": {
"^.+\\.tsx?$": "ts-jest",
"^.+\\.svg$": "jest-svg-transformer"
},
"moduleNameMapper": {
"\\.(css|less)$": "identity-obj-proxy"
},
"setupFiles": [
"jest-canvas-mock"
]
},
"private": true,
"dependencies": {
"#angular-redux/store": "^10.0.0",
"#angular/animations": "^12.2.5",
"#angular/cdk": "^12.2.5",
"#angular/common": "^12.2.5",
"#angular/compiler": "^12.2.5",
"#angular/core": "^12.2.5",
"#angular/flex-layout": "^9.0.0-beta.29",
"#angular/forms": "^12.2.5",
"#angular/material": "^12.2.5",
"#angular/platform-browser": "^12.2.5",
"#angular/platform-browser-dynamic": "^12.2.5",
"#angular/router": "^12.2.5",
"#auth0/angular-jwt": "^4.0.0",
"#date-io/date-fns": "1.3.13",
"#fortawesome/angular-fontawesome": "^0.6.1",
"#fortawesome/fontawesome-svg-core": "^1.2.28",
"#fortawesome/free-brands-svg-icons": "^5.13.0",
"#fortawesome/free-regular-svg-icons": "^5.13.0",
"#fortawesome/free-solid-svg-icons": "^5.13.0",
"#fortawesome/react-fontawesome": "^0.1.14",
"#material-ui/core": "^4.12.3",
"#material-ui/icons": "^4.11.2",
"#material-ui/lab": "^4.0.0-alpha.60",
"#material-ui/pickers": "^3.3.10",
"#sentry/browser": "^5.15.5",
"#stripe/react-stripe-js": "^1.5.0",
"#stripe/stripe-js": "^1.19.1",
"#types/hammerjs": "^2.0.39",
"angular-i18next": "^10.1.0",
"auth0-js": "^9.14.0",
"axios": "^0.21.0",
"core-js": "^3.6.5",
"date-fns": "^2.23.0",
"flux-standard-action": "^2.0.3",
"hammerjs": "^2.0.8",
"html-react-parser": "^1.2.6",
"i18next": "^20.2.1",
"i18next-http-backend": "^1.2.1",
"jest-svg-transformer": "^1.0.0",
"keycharm": "^0.4.0",
"lodash": "^4.17.15",
"mixpanel-browser": "^2.28.0",
"ngx-logger": "^4.1.9",
"ngx-mat-select-search": "^3.1.2",
"ngx-quill": "^13.0.1",
"object-hash": "^2.0.3",
"quill": "^1.3.7",
"quill-image-compress": "^1.2.16",
"quill-image-resize-module-react": "^3.0.0",
"react": "^17.0.1",
"react-avatar-editor": "^12.0.0",
"react-color": "^2.19.3",
"react-colorful": "^5.1.4",
"react-currency-format": "^1.0.0",
"react-dnd": "^14.0.4",
"react-dnd-html5-backend": "^14.0.2",
"react-dom": "^17.0.1",
"react-hook-form": "^7.15.2",
"react-i18next": "^11.8.13",
"react-keyed-flatten-children": "^1.3.0",
"react-player": "^2.9.0",
"react-query": "^3.13.6",
"react-quill": "^1.3.5",
"react-redux": "7.2.2",
"react-select": "^4.3.1",
"reduce-reducers": "^1.0.4",
"redux": "4.0.1",
"redux-actions": "^2.6.5",
"redux-devtools-extension": "^2.13.8",
"redux-saga": "^1.1.3",
"redux-thunk": "^2.3.0",
"reselect": "^4.0.0",
"rxjs": "^6.5.5",
"sass": "^1.39.0",
"svg-react-loader": "^0.4.6",
"tslib": "^2.0.0",
"uuid": "^8.3.1",
"vis-data": "^7.1.2",
"vis-network": "^9.0.4",
"vis-util": "^5.0.2",
"zone.js": "^0.11.4"
},
"devDependencies": {
"#angular-devkit/build-angular": "~0.1002.1",
"#angular/cli": "^12.2.5",
"#angular/compiler-cli": "^12.2.5",
"#angular/language-service": "^12.2.5",
"#babel/core": "^7.15.5",
"#storybook/addon-actions": "^6.1.11",
"#storybook/addon-controls": "^6.1.11",
"#storybook/addon-essentials": "^6.1.11",
"#storybook/addon-links": "^6.1.11",
"#storybook/react": "^6.1.11",
"#testing-library/react": "^11.2.6",
"#types/jest": "^26.0.23",
"#types/mixpanel-browser": "^2.23.1",
"#types/node": "^12.11.1",
"#types/react": "^17.0.0",
"#types/react-dom": "^17.0.0",
"#typescript-eslint/eslint-plugin": "^4.26.1",
"#typescript-eslint/parser": "^4.26.1",
"babel-loader": "^8.2.2",
"codelyzer": "^5.2.2",
"eslint": "^7.28.0",
"eslint-config-prettier": "^8.3.0",
"eslint-config-react-app": "^6.0.0",
"eslint-plugin-flowtype": "^5.7.2",
"eslint-plugin-import": "^2.23.4",
"eslint-plugin-jest": "^24.3.6",
"eslint-plugin-jest-dom": "^3.9.0",
"eslint-plugin-jsx-a11y": "^6.4.1",
"eslint-plugin-prettier": "^3.4.0",
"eslint-plugin-react": "^7.24.0",
"eslint-plugin-react-hooks": "^4.2.0",
"eslint-plugin-testing-library": "^4.6.0",
"identity-obj-proxy": "^3.0.0",
"jest": "^26.6.3",
"jest-canvas-mock": "^2.3.1",
"msw": "^0.35.0",
"msw-storybook-addon": "^1.3.0",
"prettier": "^2.3.1",
"protractor": "~7.0.0",
"react-test-renderer": "^17.0.2",
"redux-mock-store": "^1.5.4",
"ts-jest": "^26.5.6",
"ts-node": "~8.0.1",
"typescript": "4.3.5",
"webpack-bundle-analyzer": "^4.4.0"
},
"msw": {
"workerDirectory": "public"
},
"workspaces": {
"nohoist": [
"**"
]
}
}

Error: Object(...) is not a function - Notistack

Node version : 8.10.0
Since I have updated my code on my WebApp, there is an error with notistack. I found then it could be helpful to upgrade material-ui version, but I cannot actualy. Until I re-build my app, it was working well.
Package.json :
{
"name": "fuse-react-app",
"version": "2.2.4",
"private": true,
"dependencies": {
"#antv/data-set": "^0.10.2",
"#antv/g2": "3.2.2",
"#ckeditor/ckeditor5-build-classic": "^12.2.0",
"#ckeditor/ckeditor5-react": "^1.1.3",
"#date-io/date-fns": "1.1.0",
"#material-ui/core": "^3.9.3",
"#material-ui/icons": "3.0.2",
"#material-ui/pickers": "^3.2.2",
"#material-ui/styles": "^4.3.0",
"#react-pdf/renderer": "^1.6.10",
"#stripe/stripe-js": "^1.9.0",
"#tinymce/tinymce-react": "^3.2.0",
"auth0-lock": "^11.27.0",
"autosuggest-highlight": "3.1.1",
"axios": "^0.19.0",
"axios-mock-adapter": "1.16.0",
"babel-polyfill": "7.0.0-beta.3",
"base64-img": "^1.0.4",
"bizcharts": "^3.5.5",
"bootstrap": "^4.3.1",
"chart.js": "2.7.3",
"ckeditor5": "^12.2.0",
"classnames": "latest",
"date-fns": "2.0.0-alpha.27",
"downshift": "3.2.6",
"eslint-config-airbnb": "^17.1.1",
"eslint-config-prettier": "^6.0.0",
"eslint-plugin-prettier": "^3.1.0",
"firebase": "5.8.5",
"formsy-react": "1.1.5",
"google-map-react": "1.1.2",""
"install": "^0.13.0",
"invariant": "^2.2.2",
"js-file-download": "^0.4.8",
"js-yaml": "^3.13.1",
"jsonwebtoken": "8.5.0",
"jss-extend": "6.2.0",
"jwt-decode": "2.2.0",
"keycode": "2.2.0",
"lodash": "^4.17.20",
"logrocket": "^1.0.3",
"material-ui-pickers": "2.2.4",
"material-ui-popup-state": "1.2.0",
"mobile-detect": "1.4.3",
"moment": "^2.24.0",
"mui-datatables": "^2.14.0",
"notistack": "^0.9.5",
"path-to-regexp": "3.0.0",
"perfect-scrollbar": "1.4.0",
"prettier": "^1.18.2",
"prismjs": "1.15.0",
"prop-types": "^15.7.2",
"qs": "6.6.0",
"query-string": "^6.11.1",
"raw-loader": "1.0.0",
"react": "16.8.4",
"react-autosuggest": "9.4.3",
"react-beautiful-dnd": "10.0.4",
"react-big-calendar": "0.20.3",
"react-bootstrap": "^1.0.0-beta.12",
"react-chartjs-2": "2.7.4",
"react-color": "^2.17.3",
"react-dom": "16.8.4",
"react-draggable": "3.2.1",
"react-frame-component": "4.1.0",
"react-jss": "8.6.1",
"react-loadable": "5.5.0",
"react-masonry-css": "1.0.12",
"react-number-format": "4.0.6",
"react-popper": "1.0.2",
"react-redux": "6.0.1",
"react-router-config": "4.4.0-beta.6",
"react-router-dom": "4.4.0-beta.6",
"react-scripts": "2.1.5",
"react-select": "^2.4.3",
"react-stripe-elements": "^3.0.0",
"react-swipeable-views": "0.13.1",
"react-table": "6.9.2",
"react-text-mask": "5.4.3",
"react-virtualized": "9.21.0",
"redux": "4.0.1",
"redux-thunk": "2.3.0",
"sweetalert": "^2.1.2",
"tailwindcss": "0.7.4",
"typeface-muli": "0.0.71",
"uuid": "^3.3.3",
"velocity-animate": "^1.5.2",
"velocity-react": "^1.4.1",
"warning": "^3.0.0",
"yarn": "^1.19.1"
},
"resolutions": {
"react": "16.8.4",
"react-dom": "16.8.4"
},
"devDependencies": {
"#babel/core": "7.2.2",
"#babel/node": "7.2.2",
"#babel/preset-env": "7.3.1",
"cross-env": "5.2.0",
"globby": "8.0.2",
"js-beautify": "1.9.0",
"marked": "^0.7.0",
"purgecss": "1.1.0",
"webpack-bundle-analyzer": "^3.3.2"
}, ... }
I build my app, I execute npm start and then have the next error on my webapp :
Uncaught TypeError: Object(...) is not a function
at Object.<anonymous> (notistack.esm.js:414)
Does anyone have an idea of what could cause this error or how could I resolve it ?
Regards,

NodeJS on Heroku: Push rejected, failed to compile Node.js app

I have an AngularJS app that works perfectly in localhost:3000 when I run gulp serve. I am trying to push it to Heroku and I get these errors. As seen in other posts, I have node_modules/ in my .gitignore, but the error is still there, even after running npm cache clear and npm install. If I run bower install --config.interactive=false I get a blank output.
-----> LOG FILE
PACKAGE.JSON
{
"name": "mymodule",
"version": "0.0.5",
"dependencies": {
"express": "^4.13.3",
"bower": "1.6.5",
"gulp-connect": "~2.0.6",
"gzippo": "^0.2.0"
},
"scripts": {
"test": "gulp test",
"start": "node node_modules/gulp/bin/gulp serveprod",
"postinstall": "./node_modules/bower/bin/bower install --config.interactive=false"
},
"devDependencies": {
"gulp": "~3.9.0",
"gulp-autoprefixer": "~2.3.1",
"gulp-angular-templatecache": "~1.6.0",
"del": "~1.2.0",
"lodash": "~3.9.3",
"gulp-csso": "~1.0.0",
"gulp-filter": "~2.0.2",
"gulp-flatten": "~0.0.4",
"gulp-jshint": "~1.11.0",
"gulp-load-plugins": "~0.10.0",
"gulp-size": "~1.2.1",
"gulp-uglify": "~1.2.0",
"gulp-useref": "~1.2.0",
"gulp-util": "~3.0.5",
"gulp-ng-annotate": "~1.0.0",
"gulp-replace": "~0.5.3",
"gulp-rename": "~1.2.2",
"gulp-rev": "~5.0.0",
"gulp-rev-replace": "~0.4.2",
"gulp-minify-html": "~1.0.3",
"gulp-inject": "~1.3.1",
"gulp-protractor": "~1.0.0",
"gulp-sourcemaps": "~1.5.2",
"gulp-sass": "~2.0.1",
"gulp-angular-filesort": "~1.1.1",
"main-bower-files": "~2.8.0",
"merge-stream": "~0.1.7",
"jshint-stylish": "~2.0.0",
"wiredep": "~2.2.2",
"karma": "~0.12.36",
"karma-jasmine": "~0.3.5",
"karma-phantomjs-launcher": "~0.2.0",
"karma-angular-filesort": "~0.1.0",
"karma-ng-html2js-preprocessor": "~0.1.2",
"concat-stream": "~1.5.0",
"require-dir": "~0.3.0",
"browser-sync": "~2.7.12",
"browser-sync-spa": "~1.0.2",
"http-proxy-middleware": "~0.0.5",
"chalk": "~1.0.0",
"uglify-save-license": "~0.4.1",
"wrench": "~1.5.8"
},
"engines": {
"node": ">=0.10.0"
}
}
You may be running into this open npm issue:
https://github.com/npm/npm/issues/9633
The bug only occurs when node_modules is present, so you can workaround by disabling caching of that directory:
$ heroku config:set NODE_MODULES_CACHE=false

Resources