ionic:Runtime Error Cannot find module "../pages/home/home" - javascript

I want to make an app in ionic, so I add some custom page in ionic by command :
ionic g page user
But I start ionic server it show error
Runtime Error Cannot find module "../pages/home/home"
click for error image

If the app tells you that it misses a file, that's because there's somewhere where you imported this file and it doesn't exist (anymore? maybe you deleted it and forgot to delete an import)
You should make a project-wide text search using grep or your favorite ide to find where you are importing "../pages/home/home".
Your error doesn't come from your ionic g page user command as this command only generates a page named user.
It seems like you created a page called home and deleted it without deleting imports.

I encountered the same problem when I was github clone code.
But this is not the problem with the code itself, but because I used cnpm (npm of the Chinese version).
Uninstall npm, install npm. The problem is solved

Related

Export to PDF error using Dot Net Report Builder

I am using the MVC version of the Dot Net Report Builder. I am able to configure dotnetreport and run a test report, but if I click on Export to PDF I get a javascript error - unexpected token export. Looking at the javascript console error it seems to be originating from bootstrap/popper.
Thanks for pointing this out, this is because popper.js needs to be included from /umd folder instead of the root folder.
This is fixed in the latest nuget package for dotnetreport now. You can either update your nuget package or just change the reference to popper.js in the layout file to /umd/popper.js.

Assertion Error : App Version has already been registered

Im using ember to develop a project.
Please help me with this error. Im unable to run my project on local. After hitting
ember server the build is successful. But on hitting the http://localhost:4200
Loads empty page with console error.
Uncaught Error: Assertion Failed: The initializer 'App Version' has already been registered
at assert (index.js:172)
at Function.initializer (index.js:420)
at registerInitializers (index.js:27)
at loadInitializers (index.js:68)
at Module.callback (app.js:25)
at Module.exports (loader.js:106)
at requireModule (loader.js:27)
at app-boot.js:3
Unable to understand what to do. Any help regarding this would be appreciated.
I did a code search to see where that initializer might exist and it looks to be part of ember-cli-app-version.
In your place I would remove ember-cli-app-version from your app with npm uninstall --save-dev ember-cli-app-version and then run ember serve again. The purpose of this addon is to make it easy to see your app's version number in the ember inspector, but that's not a big deal so removing it won't break anything and should get you moving forward.
If you want to investigate the issue further try searching your code base (including node_modules) for App Version to see where a duplicate exists.
Running npm install solved the problem.
The actual issue was due to the iCloud sync being active in my Macbook.
Turning iCloud sync off should solve the problem.

Outlook Addin with React - Issue with React routing

I am trying to develop an Outlook addin which will fetch all the attachments from the email chain and perform some actions on them.
I am new to react and outlook add in too.
I want to perform navigation from Home page to other page using react routing.
I have added the appropariate npm packages for React router. (react-router)
When I am trying to navigate fro home page to other page it gives me an error as listed below:
A cross-origin error was thrown. React doesn't have access to the
actual error object in development.
Note: I am using Outlook addin as Yoman office generator, which generates files with .tsx extension.
The same code seems to work on .js file.
Let me know if you require more information for this issue.
Thanks
I am able to resolve it myself, actually missing one typescript definitions for the routing file.
i have installed the dependencies react-router-dom by missed the typescript definitions for it which is as:
npm install #types/react-router-dom --save-dev
Thanks

Create-React-App on Github-pages returns a blank page

When testing locally my create-react-quiz app works perfectly. I was basing my project off of this code: https://github.com/mitchgavan/react-multi-choice-quiz/tree/gh-pages.
However, when I use npm build deploy on my "GitHub-Pages" branch, a blank page shows up and these errors show up in the console:
pk8189.github.io/:1 GET pk8189.github.io/pk8189/futureU-/static/css/main.1dc4d41f.css
pk8189.github.io/:1 GET pk8189.github.io/pk8189/futureU-/static/js/main.28e294a0.js
This is my repo: https://github.com/pk8189/futureU-
What do you think the issue is? Thank you for any help.
Create React App uses homepage field in your package.json to determine the URL at which the app is served. Since you set it to https://github.com/pk8189/futureU-/, it tries to request assets from /pk8189/futureU-/ which doesn't exist.
Change homepage to match your deployed URL: https://pk8189.github.io/futureU-/. Then rebuild by running npm run build and re-deploy.
This is described in deployment instructions for GitHub Pages. Please read this part of the User Guide.

How do I install Meteor Atmosphere packages locally so I can make modifications to it?

I am trying to get up and running with Meteor and seeing what it can offer, while I like it overall, it seems it's a very very rigid system.
I set up a small testing setup using Velocity, it opens a small overlay window on the side which has a class of "velocityOverlay". The overlay is really small and makes error stack traces wrap. All I wanted to do was to edit the css of the "velocityOverlay" and increase the width.
I somehow (after wasting time) managed to find that Meteor is actually putting all the packages in my user directory by default, once I found that, I found the needed css file...
velocity_html-reporter/.0.5.1.aykpxq++os+web.browser+web.cordova/web.browser/packages/velocity_html-reporter/lib/client-report.less.css
And I did a small edit to the width, next thing you know the meteor app crashes when trying to launch using the "meteor" command throwing a "Error: couldn't read entire resource" error. I can't even edit the bootstrap.css file I installed using "ian_bootstrap-3".
Further more, I can't find any way to install packages locally just for my particular project, what if I wanted to modify a package only for my particular project? this is very easy to do in vanilla Node.js, you simply don't use the "-g" when using "npm install".
To add to that, within my project root, there is another ".meteor/local/build/web.browser" folder with most of the global package files replicated again. When does Meteor use which? This is very confusing.
You can run a package locally very easily.
Download it from Github (for example) and put it in the packages/ directory of your application like this /packages/package_name.
Then add it to your application with the same meteor add package_name command as usual.
Meteor will automatically look in the local folder before anywhere else and compile the package with the rest of your code.
This allows you to do any modification you want on the package and test it locally before publishing it to the registry.
Also, folders located in .meteor/local/* are used for building purpose only and are generated automatically by Meteor. So it is not the best place to edit the files!
This worked for me https://atmospherejs.com/i/publishing. mrt link-package didn't work for me, might just be outdated code.
Steps:
Download (or clone) package from GitHub to local dir
Stop meteor if running
2.1. Make sure you have a packages folder: mkdir packages
Locally link your package:
3.1 If you have mrt installed: Run mrt link-package /path/to/package in a project dir
3.2 If you don't have mrt: ln -s /path/to/package packages/package
Then run meteor add developer:package-name, do not forget to change package name
Run meteor in a project dir
From now any changes in developer:package-name package folder will cause rebuilding of project app
Download the package and place it in new package directory in your project root.
open the package.js inside the downloaded package and remove the author's name in the property "name:"
e.g: - name:'dburles:google-maps' to name:'google-maps'
then run
meteor add google-maps

Categories