[Vue warn]: Error in render: "TypeError: Object(...) is not a function"
found in
---> <VdtnetTable>
<App> at resources/js/kodie/properties/Table.vue
<Properties> at resources/js/kodie/properties/index.vue
<Root>
I have tried to install npm run several times. I have been using https://www.npmjs.com/package/vue-datatables-net to clone datatable to my vue js.
all the time I am getting the error below. does no
vue-datatables-net are also supported in vue2.
I had to degrade the package to a lower version i.e npm i vue-datatables-net#1.4.0.
Here is the link to the package:
https://www.npmjs.com/package/vue-datatables-net/v/1.4.0
Related
I want to create a new Nuxt project and followed their instructions here: https://nuxtjs.org/docs/get-started/installation. Basically just running npm init nuxt-app#latest <project-name>.
After going through the setup (in which I choose Tailwind as my UI of choice), I run npm run dev and it crashes while trying to build saying "Cannot destructure property 'nuxt' of 'this' as it is undefined."
Here is the full stack:
FATAL Cannot destructure property 'nuxt' of 'this' as it is undefined. 15:22:52
at postcss8Module (node_modules\#nuxt\postcss8\dist\index.js:15:10)
at installModule (/C:/Users/conmi/Documents/Personal/Katie's%20Website/katierose-photos/node_modules/#nuxt/kit/dist/index.mjs:416:9)
at async setup (/C:/Users/conmi/Documents/Personal/Katie's%20Website/katierose-photos/node_modules/#nuxtjs/tailwindcss/dist/module.mjs:186:7)
at async ModuleContainer.normalizedModule (/C:/Users/conmi/Documents/Personal/Katie's%20Website/katierose-photos/node_modules/#nuxt/kit/dist/index.mjs:167:5)
at async ModuleContainer.addModule (node_modules\#nuxt\core\dist\core.js:239:20)
at async ModuleContainer.ready (node_modules\#nuxt\core\dist\core.js:51:7)
at async Nuxt._init (node_modules\#nuxt\core\dist\core.js:478:5)
I found not including '#nuxtjs/tailwindcss' in the buildModules in nuxt.config.js removes the error, but it does not create the tailwind config files I need. Also, the line causing the error in postcss8Module's index.js is const { nuxt } = this. For some reason this is undefined.
The error comes from the recent Nuxt 3 Release and is being tracked on the create-nuxt-app Github.
Create-nuxt-app is not compatible with Nuxt 3 yet. Therefore, for now, you have to install Nuxt 3 and Tailwind CSS manually:
npx nuxi init <project-name>
cd <project-name>
npm install
npm install #nuxtjs/tailwindcss --save-dev
Now you should be able to run your app as expected:
npm run dev
Hi sorry doesn't have enough rep to comment on this, but just wanted to say this issue is also being tracked at
https://github.com/nuxt/framework/issues/9115 for Nuxt 2
I found a solution
add it to your package.json
"resolutions": {
"#nuxt/kit": "3.0.0-rc.13"
}
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 set up a new Vue 3.0 application using
vue create
Then I add apollo to my application using
vue add apollo
Then when I run npm run build I get the following error
ERROR Failed to compile with 2 errors
Module Error (from ./node_modules/vue-loader/lib/index.js):
Vue packages version mismatch:
- vue#3.0.0 (C:\workspace\StatusTool\dummy-project\node_modules\vue\index.js)
- vue-template-compiler#2.6.12 (C:\workspace\StatusTool\dummy-project\node_modules\vue-template-compiler\package.json)
This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader#>=10.0, simply update vue-template-compiler.
If you are using vue-loader#<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.
Module build failed (from ./node_modules/vue-loader/lib/index.js):
TypeError: Cannot read property 'parseComponent' of undefined
at parse (C:\workspace\StatusTool\dummy-project\node_modules\#vue\component-compiler-utils\dist\parse.js:15:23)
at Object.module.exports (C:\workspace\StatusTool\dummy-project\node_modules\vue-loader\lib\index.js:67:22)
What am I doing wrong?
Version Information:
#vue/cli: 4.5.6
vue-cli-plugin-apollo: "0.22.2"
apollo: 2.31.0
Seems like package vue-apollo is not installed
Do not use vue/cli: 4.5.6 instead you need to use Manual install
vue add apollo is only for vue-cli 3 projects.
It is simple to install.
npm install --save vue-apollo graphql apollo-boost
or
yarn add vue-apollo graphql apollo-boost
You still will be able to use apollo-boost
I'm trying to update my react native to latest version. I run the command: react-native upgrade --verbose
However, it is returning:
info No version passed. Fetching latest...
info Fetching diff between v0.59.8 and v0.60.5...
error Cannot read property 'toLowerCase' of undefined
debug TypeError: Cannot read property 'toLowerCase' of undefined
at getPatch (/Users/myUser/Documents/React Native/myApp/node_modules/#react-native-community/cli/build/commands/upgrade/upgrade.js:109:121)
at process._tickCallback (internal/process/next_tick.js:68:7)
How can I upgrade react native?
Add the name attribute in your package.json file. this will resolve the issue
I created a new project with the Vue CLI 3 (configured: babel, pwa, eslint, mocha). Running the test environment using npm run serve works just fine, but I can't build the project for production.
I installed the current version of the Vue CLI 3 and tried creating projects with different configurations. I get the following error message when building the project.
js/app.bb3f3c6e.js from Terser
TypeError: Cannot read property 'minify' of undefined
at minify (/Users/.../untitled/node_modules/terser-webpack-plugin/dist/minify.js:176:23)
at module.exports (/Users/.../untitled/node_modules/terser-webpack-plugin/dist/worker.js:13:40)
at handle (/Users/.../untitled/node_modules/worker-farm/lib/child/index.js:44:8)
at process.<anonymous> (/Users/.../untitled-adventure/node_modules/worker-farm/lib/child/index.js:51:3)
at process.emit (events.js:188:13)
at emit (internal/child_process.js:828:12)
at processTicksAndRejections (internal/process/next_tick.js:76:17)
This is a known issue (vuejs/vue-cli#3407) with the terser 3.16 dependency.
The workaround is to install 3.14 for now:
npm i terser#3.14