Problem on import a react native component - path

I'm having a error once import a component, react native says me that the file path is wrong, but it's not!
My main component where I'm trying to import a component and my file structure:
I'm on pages/Main/index and wanna import a file from components/Header/index, I'm sure about the path, I'm I think this is because of some react native project config, something like this
(I'm a windwos user and tryed to use /index in the path too)
The error:

Try passing '../components/Header'
Please let me know if it works. Thanks

Your .'./components/Header' path is right..
In your Header component folder there is no any styles.js but you are importing in index.js which is in Header folder.. The above error is regarding path to styles.js in header folders Index.js
Read the error carefully. They have mentioned original Path and target path.
Hope you get it.

Related

Why won't my external css libraries be found in production with cssbundling-rails?

I have a few css libraries in my rails 7 app, like bootstrap & flatpicker. In development they both load fine, but in production only bootstrap is loading.
I get a "Failed to load resource: the server responded witha status of 404" error in reference to slimselect in the js console. When I look at resources, I can see the file in the path, but the file is empty.
In the Sources tab, I can see bootstrap in the generic css file assets/application-{long-hash}.css, where as slimselect is in assets/slim-select/dist/slimselect.min.css (but no code)
Here is some of my code
app/assets/stylesheets/application.sass.scss
#import 'bootstrap/scss/bootstrap';
#import "slim-select/dist/slimselect.min.css";
I tried removing the file extension from slim select, which fixed it.
But I am curious why and if there is some way to be able to import it the way I originally did but adjusting something else.
I was able to fix this by removing the file extension, which loaded slimselect the same way bootstrap was being loaded.
This was just a random problem and I'm happy to share my solution, but also curious for any other information of why this worked.
#import 'bootstrap/scss/bootstrap';
#import "slim-select/dist/slimselect";

Webpacker/babel issue - can't load Uppy

I have pretty fresh rails application and I'm trying to add uppy file uploader to it. Unfortunately when requiring #uppy/core file I am presented with Cannot assign to read only property 'exports' of object '#<Object>' error.
This error is caused by having both Ecma's import and CommonJS' module.exports = in a single file. I have checked uppy source code in node_modules to find that the offending file does not have import - however it is present in a version received by the browser, just under "use_strict":
import _regeneratorRuntime from "#babel/runtime/regenerator";
This suggests that babel plugin decided to inject import statement into a CommonJS file, making it impossible to load that file.
Removing the #babel/plugin-transform-runtime' from babel.config.js resolved the issue - but it also broke #babel/preset-env which expects global regenerationRuntime object.
I have created a minimal reproduction application here: https://github.com/BroiSatse/babel-issue. It is a fresh installation of rails, no js config changes except for #uppy/core dependency with single route to dummy action and import Uppy from '#uppy/core' in webpack/packs/application.js`.
Any help appreciated, I don't even know where to raise that issue on github.

Service not getting imported in Component

I have created a service and placed it in a new folder 'service' under app folder.
When I am trying to import the service in component its showing error as follows:
But, the same is getting imported in app module.
Someone please help me out...
Here is my project structure below
My alert service is in service folder.
And trying to import it in home.component which is in home folder
I figured it out.
Need to mention
import {AlertService} from '../service/alert.service';

FBConnect - #import "FBConnect/FBConnect.h" No such file or directory

I am trying to implement Facebook into my application however whenever i go into header search paths and drag and drop my src file i still get an error for "FBConnect/FBConnect.h"
I have already added everything from the fbconnect folder in fcbonnect.xcodeproj without checking the copy into destination group folder.
Please Help!!!
Go to project->search paths->Header search path
Add your facebook src directory there.
you should to import Facebook.h file instead FBConnect.h

How to import tweenmax files to my project

while im working on simple animation like text rolling.. in that i created external xml for menus. As im new to flash im learning it from tutorial, but its not clear. I download tweenmax rar file. i dont know how to import that file into my project. guide me
when you want to use a tween class.
either save the FLA file in the same directory of the tweenlibrary so the .com folder(tween library) would be present next to your flash project file or go into the classpath of your document and link it there, your best to look at the documentation for this method through the provider of the tween class.

Resources