AngularJS after using npm install my app doesn't work - angularjs

I just used the command npm install for a few modules for datetime picker and now I am getting a bunch of errors i've never seen before. I think it has something to do with npm install --save causing some of my json files to require some files in the datetimepicker repo. I couldn't get it to work so I deleted the node module but the errors are still there. Here are the errors:
GET http://alainwebdesign.ca/pl2/node_modules/angular-bootstrap datetimepicker/src/css/datetimepicker.css
GET http://alainwebdesign.ca/pl2/node_modules/angular-bootstrap-datetimepicker/node_modules/moment/moment.js
angular.js:63 Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:modulerr] Failed to instantiate module ui.bootstrap.datetimepicker due to:
Error: [$injector:nomod] Module 'ui.bootstrap.datetimepicker' is not available!

Related

Module not found: Error: Can't resolve './redux/store'

I'm new with Redux and while I was trying to replicate my lecture which happened this morning I have the following error message. I don't know what I've missed, I have installed react-redux and redux with yarn for both.
Module not found: Error: Can't resolve './redux/store' in '/Users/antoine/Documents/Web Projects/Integrify.io/ISA6/7. Redux/redux-practice/src'
ERROR in ./src/index.js 10:0-34
Module not found: Error: Can't resolve './redux/store' in '/Users/antoine/Documents/Web Projects/Integrify.io/ISA6/7. Redux/redux-practice/src'
webpack compiled with 1 error
I have installed react-redux and redux with yarn for both.
Edit:
Here is a screenshot from my browser's console:
Uncaught Error: Cannot find module './redux/store'
Edit: I have found the answer to my question, I have not installed TypeScript properly at the beginning of my setup with
yarn create react-app . --template typescript

Errormessage React heroicons new Version 2.0.10

I am having trouble with the heroicons module.
I have installed npm i #heroicons/react#2.0.10 and now it somehow is having trouble with the import.
I get the following error message: Compiled with problems:X
ERROR in ./src/components/header/Header.js 8:0-122
Module not found: Error: Can't resolve '#heroicons/react/20/outline' in '/Users/michaelbecker/Desktop/Project/projectarbeit_schleif/client/src/components/header'

Metro has encountered an error: While trying to resolve/build module '#react-native/normalize-color'

error: Error: While trying to resolve module #react-native/normalize-color from file /Users/XXXXX/XXXXX/XXXXX/node_modules/deprecated-react-native-prop-types/DeprecatedColorPropType.js, the package /Users/XXXXX/XXXXX/XXXXX/node_modules/#react-native/normalize-color/package.json was successfully found. However, this package itself specifies a main module field that could not be resolved (/Users/XXXXX/XXXXX/XXXXX/node_modules/#react-native/normalize-color/index. Indeed, none of these files exist:
npm i #react-native/normalize-color --force

Grunt Build creates broken app

I've made an AngularJS web application using Yeoman as project starter.
Launching the following command:
grunt serve
everything is working fine.
If I try to test the dist version for production, using the following command:
grunt serve:dist
I get erorrs like this in browser console:
vendor.f13d432c.js:1 Uncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to:
Error: [$injector:modulerr] Failed to instantiate module uuid4 due to:
Error: [$injector:nomod] Module 'uuid4' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
What's wrong?
EDIT
Same happens with:
grunt build
and then deploy the dist folder in a webserver
Have you tried running:
npm install
Apparently, 'uuid4' is missing. This is a npm package so chances are you still need to include this, running npm install.

Using browserify-shim to browserify Foundation for apps

I've been trying to user browserify with Foundation for apps, which was recently added on npm (version 1.02). Since the npm package from foundation-apps is not commonjs compatible I've decided to use "browserify-shim"
The difference between the bower component and npm package of foundation for apps, is that the former comes with all the dependencies included (angular, ui.router, angular-animate etc), while the npm version comes only with the absolutely necessary stuff (foundation core, components and services).
I installed angular and angular-animate from npm, and shimmed them (npm versions of angular/angular-animate are also not in the commonjs format). As for ui.router, the npm package supports commonJS, so no need for shiming.
This is my package.json
and this is my main.js (app entry point)
Browserify successfully creates a bundle.js file, that includes everything (foundation.core, components, services as well as angular, angular-ui-router and angular-animate)
But my app instantiation fails with this message:
Uncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to:
Error: [$injector:modulerr] Failed to instantiate module application due to:
Error: [$injector:modulerr] Failed to instantiate module foundation.dynamicRouting due to:
Error: [$injector:nomod] Module 'foundation.dynamicRouting' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.3.8/$injector/nomod?p0=foundation.dynamicRouting
Any ideas what might be the case? I'm suspecting there's a dependency somewhere that didn't catch my attention, or perhaps something I messed up in package.json

Resources