AWS Amplify UI React Styles not importing - aws-amplify

Unable to import styles from node_modules.
Using "#aws-amplify/ui-react": "^2.1.0"

This was resolved in the #aws-amplify/ui-react version 2.1.6 above. See ui-react changelog
To fix this error, upgrade to the latest version of #aws-amplify/ui-react
npm install #aws-amplify/ui-react#latest

Related

How to solve Error: Package subpath './lib/node' is not defined by "exports"?

I am running a gatsby project with tailwind css with version of tailwind 2.0.2.
But while running the project i am getting a package error "Package subpath './lib/node' is not defined by "exports"
How to solve this issue?
Thank you
Possibly there is a version mismatch between the tailwindcss package and the #tailwindcss/node package.
It seems that the version of tailwindcss package that you're using is 2.0.2 and this version is not compatible with the #tailwindcss/node package,
Try to update these package using
npm install tailwindcss#latest
and also update your gatsby-plugin-tailwindcss
And then delete node modules folder and package-lock.json and then run npm install again.
Hope it helps!

can't compile witn webpack-encore, the webpack requires version ^8.0.0

WARNING Webpack Encore requires version ^8.0.0 of sass-loader, but your version (7.3.1) is too old. The related feature will probably not work correctly.
The message is quite clear in itself, you installed a version of sass-loader too old.
You just have to replace it.
yarn remove sass-loader
yarn add sass-loader#^8.0.0

Angularfire2 Ionic3

I'm trying to use Angularfire2 on an Ionic3 app.
When installing it npm install angularfire2, I get a deprecation warning:
npm WARN deprecated angularfire2#5.2.1: AngularFire has moved, we're now #angular/fire.
But if trying to install the new #angular/fire npm install #angular/fire I see that every version requires an #angular/core >= 6.0.0 -which is greater than the Ionic3 supported on (i.e. "5.2.11").
So, my question is how can I make use of a non-deprecated angularfire2 lib on Ionic3?
Thanks
A deprecation message doesn’t always mean the package or version is unusable; it may mean the package is unmaintained and will no longer be updated by the publisher.
https://docs.npmjs.com/using-deprecated-packages
This leaves a few options, either upgrade angular so that recommendations are met, downgrade angularfire to a version that did hold support for your version of angular, or try to use as is and hope for the best.

Angular2-Meteor and materialize-scss

I've started playing with urigo/angular2-meteor-base, followed the official tutorial and now want to test a frontend css framework. After some googling I chose poetic:materialize-scss but I'm having some issue importing the scss file.
Installation from the official docs:
meteor add fourseven:scss
meteor add poetic:materialize-scss
Then import the scss in client/styles/main.scss:
#import "{poetic:materialize-scss}/sass/materialize.scss";
After running meteor in the project folder and I get the following error:
Errors prevented startup:
While determining active plugins:
error: conflict: two packages included in the app (fourseven:scss and angular2-compilers) are both trying to handle *.scss
error: conflict: two packages included in the app (fourseven:scss and angular2-compilers) are both trying to handle *.sass
So I've tried removing fourseven:scss and running meteor again:
Errors prevented startup:
While processing files with angular2-compilers (for target web.browser):
/client/styles/main.scss: Scss compiler error:
File to import {poetic:materialize-scss}/sass/materialize.scss not found in file:
/home/vagrant/Projects/NgMeteor/{}/client/styles/main.scss
This is a list of packages installed:
angular2-compilers 0.6.6
autopublish 1.0.7
dispatch:mocha-phantomjs 0.1.9
es5-shim 4.6.15
hwillson:stub-collections 1.0.3
insecure 1.0.7
meteor-base 1.0.4
mobile-experience 1.0.4
mongo 1.1.14
poetic:materialize-scss 1.97.6_1
practicalmeteor:mocha 2.4.5_6
reactive-var 1.0.11
shell-server 0.2.1
standard-minifier-css 1.3.2
standard-minifier-js 1.2.1
tracker 1.1.1
xolvio:cleaner 0.3.1
Not sure if I'm importing the scss file from the right location... does anyone having the same issue?
I am not sure how to include a meteor package scss but I do know how to include a npm package so as a solution you could just install it via npm npm install materialize-css and then include it. Seems to be located here https://github.com/Dogfalo/materialize/blob/master/sass/materialize.scss so you should be able to do
#import "{}/node_modules/materialize/sass/materialize.scss";
Also, do you know about https://github.com/angular/material2 ? I'd recommend using that instead.

Meteor: GraphicsMagick not installing, probably a very simple issue

I'm wanting to try out the "gm" node package. I've currently got node-gd installed and want to see what gm offers.
I'm using Meteor 0.9.0.1 and this is my packages.json file:
{
"node-gd":"0.2.3",
"gm" :"1.16.0"
}
I ran "meteor update" .... It didn't install, so I guess I've done something wrong.
me#ubuntu:~/myapp$ meteor update
Refreshing package metadata. This may take a moment.
Refreshing package metadata. This may take a moment.
upgraded autoupdate from version 1.0.4 to version 1.0.5
upgraded less from version 1.0.5 to version 1.0.6
myapp: updated to Meteor 0.9.0.1.
All your package dependencies are already up to date.
Can anyone advise how to install this?
I think you need meteorhacks:npm
meteor add meteorhacks:npm
meteor
This should trigger the installation of the npm modules. Of note may be the new notation is Meteor.npmRequire and no longer Meteor.require

Resources