i tried to implement react-native-web to existing react-native app/project. And after i follow some tutorial and fix some errors (settings webpack config, set alias for some node modules), this error appear on web inspect console.
rnw_blogpost.bundle.js:15878 Uncaught TypeError: react_native_1.requireNativeComponent is not a function
at eval (Modal.js:1:2359)
at ./node_modules/react-native-navigation/lib/dist/components/Modal.js (rnw_blogpost.bundle.js:3730:1)
at __webpack_require__ (rnw_blogpost.bundle.js:15875:33)
at fn (rnw_blogpost.bundle.js:16094:21)
at eval (index.js:1:481)
at ./node_modules/react-native-navigation/lib/dist/index.js (rnw_blogpost.bundle.js:3785:1)
at __webpack_require__ (rnw_blogpost.bundle.js:15875:33)
at fn (rnw_blogpost.bundle.js:16094:21)
at eval (index.js:1:342)
at ./index.js (rnw_blogpost.bundle.js:942:1)
Can anyone help me or give me a hint about this errors? Thank you.
Related
Hi I am using vuejs with chartjs but I am getting a weird issue I though that it could be the library but I do not know what it can be, I am using Vuejs 2 I do exactly what this tutorial says:
Look Tutorial
And I get an error then I tried to use google chart with Vuejs and I am getting same error, the error is this one:
TypeError: Object(...) is not a function
at generateChart (243.js:13430:71)
at Module../node_modules/vue-chartjs/dist/index.js (243.js:13577:29)
at __webpack_require__ (app.js:64:30)
at Module../resources/js/components/LineChart.js (244.js:142:69)
at __webpack_require__ (app.js:64:30)
at Module../node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/views/Grafico.vue?vue&type=script&lang=js& (244.js:12:82)
at __webpack_require__ (app.js:64:30)
at Module../resources/js/views/Grafico.vue?vue&type=script&lang=js& (244.js:206:198)
at __webpack_require__ (app.js:64:30)
at Module../resources/js/views/Grafico.vue (244.js:168:95)
I installed the package with the npm I do step by step and I get same error in both cases what could it be? what is that error?
Thanks
downgrading the version can help solve this issue. I was getting the similar error.
version to install
npm install chart.js#2.7.1 vue-chartjs#3.4.0 --save
Or can follow this example : example for vue-chartjs and nuxt
I am trying to install vue2leaftlet in my quasar version 2 vue version 3 project and it seems I can install it. I have followed this example https://techformist.com/using-vue-plugins-quasar/
but it won't work since I keep getting the following error:
vplugins.js?bfd0:5 Uncaught (in promise) TypeError: vue2_leaflet__WEBPACK_IMPORTED_MODULE_1__.install is not a function
at eval (vplugins.js?bfd0:5)
at Module../src/boot/vplugins.js (app.js:85)
at __webpack_require__ (app.js:217)
at Function.fn (app.js:482)
at async Promise.all (:8080/index 0)
I'm working on a project I set up with vue-cli (originally vue-cli-3 but I guess I just updated to vue-cli-4 while trying to fix this problem). It was working fine, but suddenly stopped opening in Firefox and Safari. "npm run serve" compiles successfully, but in the browser console it says that "vue.version is undefined". The problem seems to involve webpack, but I'm not sure (I haven't messed with those settings at all). I tried "npm update" but I'm not sure what else to try. It doesn't seem to be anything I did, since I removed new components back to what was working previously without affecting the problem, but I'm not sure what else it could be either.
Firefox error message:
Webpack 28
__webpack_require__
fn
./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/LewisTester.vue?vue&type=script&lang=js&
__webpack_require__
fn
./src/components/LewisTester.vue?vue&type=script&lang=js&
__webpack_require__
fn
vue
__webpack_require__
fn
./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/App.vue?vue&type=script&lang=js&
__webpack_require__
fn
./src/App.vue?vue&type=script&lang=js&
__webpack_require__
fn
vue
__webpack_require__
fn
js
__webpack_require__
fn
1
__webpack_require__
checkDeferredModules
<anonymous>
<anonymous>
i am a newbe in react native
i don't know what is going on with my apps
the node said "error: bundling failed: ReferenceError: Module not registered in graph"
please helpenter image description here
This error usually occurs when you install a new module (while packager is open).
Firstly you can try close your packager and run react-native run-ios. If this approach does not help, you can try delete node modules directory and npm install again. But i believe first approach will work.
I have created an ionic project(version: 4.0.6). I am getting below error after adding the plugin cordova-plugin-x-socialsharing from https://beta.ionicframework.com/docs/native/social-sharing.
I am stuck here. Could anybody help me on this please.
index.js:413 Uncaught TypeError: Object(...) is not a function
at index.js:413
at Object../node_modules/#ionic-native/social-sharing/index.js (index.js:590)
at __webpack_require__ (bootstrap:81)
at Object../src/app/app.module.ts (app.global.ts:10)
at __webpack_require__ (bootstrap:81)
at Object../src/main.ts (environment.ts:15)
at __webpack_require__ (bootstrap:81)
at Object.0 (main.ts:12)
at __webpack_require__ (bootstrap:81)
at checkDeferredModules (bootstrap:43)
Update: I found one solution today!
step1: change version of plugin in package.json to the same version of #ionic-native/core that shown in the package.json.
Step 2: remove node_module and run npm install.
Step 3: add '/ngx' at the end when import it like below;
import { SocialSharing } from '#ionic-native/social-sharing/ngx';
step 4: do rest same as ionic 2 or 3
The Angular versions are now imported from #ionic-native/plugin-xxx/ngx.