Syntax Error: TypeError: Cannot set property ‘parent‘ of undefined
After executing NPM run serve, the front-end project reports an error
Solution:
find /src/components/NumberInfo/NumberInfo.vue file according to the error message and comment out @import “index”;
Outcome
To install it, you can run: npm install –save core-js/modules/es.error.cause.js
Problem-solving:
First:
delete node_modules
next:
Stand-alone installation first cnpm install --save core-jslast:
cnpm iLast last:
npm run devInstall vue scaffolding a command an error, tossed a day, and finally found a solution.
1. Find the .npmrc file in the file directory C:\Users and delete it (you can open the .npmrc file to see, the contents of which are set by yourself can be safely deleted)
2. Execute the project name created by vue create, the following figure appears is created successfully
While developing a Vue.js 3.0 project using the vite tool, a configuration issue caused the project to run with the following error message:
16:17:27 [vite] page reload main.js
Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files.
16:17:28 [vite] Internal server error: Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files.
Plugin: vite:import-analysis
File: /home/projects/vitejs-vite-der4uu/App.vueWe need to install the plug-in @@vitejs/plugin-vue that uses error prompts.
The solution steps are as follows:
1. Install dependent plug-ins first
npm install @vitejs/plugin-vue -D2. Then configure the vite project configuration file: vite.config.js
// vite.config.js
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
});
In this way, we have configured the vite project to recognize the ability to parse single-file components with a .vue suffix.
3. Rerun
npm run devThis is the problem. It is solved perfectly.
After VSCode package, there is an error report: command failed: NPM list –production –parseable –depth=99999 –loglevel=error appears. missing: vsce@^2.10.0, required by [email protected]
Note: this error pops up when I try to package the vscode plug-in
I found that many situations may lead to this error Command failed: npm list --production --parseable --depth=99999 --loglevel=error. Please pay attention.
reason
After some troubleshooting, I found that the reason I got this error was because I started installing the vsce package in the current location, and then I decided that it was wrong and changed it to a global installation. Then, instead of uninstalling vsce from the current location, I just deleted the node_modules folder. The error occurred because the vsce package command was not executed correctly because it was not uninstalled and then deleted.
Solution:
Reinstall the vsce package at the current location, npm install vsce,
Use npm uninstall vsce to uninstall.
Finally, you can choose to delete node_modules folder.
Start the error report after packaging with electron-builder:
Reading /xxx/manifest.json failed.
Error: ENOENT: no such file or directory, open '/xxx/manifest.json'
at Object.fs.openSync (fs.js:558:18)
at Object.module.(anonymous function) [as openSync] (ELECTRON_ASAR.js:173:20)
at Object.fs.readFileSync (fs.js:468:33)
at Object.fs.readFileSync (ELECTRON_ASAR.js:506:29)
at getManifestFromPath (/xxx/node_modules/electron/dist/Electron.app/Contents/Resources/electron.asar/browser/chrome-extension.js:34:26)
at Function.BrowserWindow.addDevToolsExtension (/xxx/node_modules/electron/dist/Electron.app/Contents/Resources/electron.asar/browser/chrome-extension.js:373:22)
at App.Z.enabled.X.on (/xxx/webpack:/~/electron-debug/index.js:78:1)
at emitTwo (events.js:111:20)
at App.emit (events.js:191:7)
Solution:
1. Execute the following command:
npm install vue-devtools --global
2. Modify src/main/index.dev.js as follows:
import { BrowserWindow } from 'electron'; //Add
/* eslint-disable */
// Install `electron-debug` with `devtron`
// require('electron-debug')({ showDevTools: true })
require('electron-debug')() //Modify
// Install `vue-devtools`
require('electron').app.on('ready', () => {
let installExtension = require('electron-devtools-installer')
//Comment out
// installExtension.default(installExtension.VUEJS_DEVTOOLS)
// .then(() => {})
// .catch(err => {
// console.log('Unable to install `vue-devtools`: \n', err)
// })
//Add
BrowserWindow.addDevToolsExtension('node_modules/vue-devtools/vender')
})
// Require `main` process to boot app
require('./index')
3. Recompile:
npm run build:win32
4. Repackage:
electron-builder
It can start normally:
Reason: the installed version of core-js is too old and needs to be replaced with a newer version.
Solution:
1 Delete original version
npm rm -rf node_modules
2. install the latest version
npm install core-js@latest
Note:
you cannot directly install a new version. You must first delete the original version dependency, and then install a new version to avoid errors!
vue3 project error: error Delete `··` prettier/prettier
Run
npm run lint --fixIt depends on what tool is used. If you use yarn or pnpm, you can replace it
If present
Open package.json file, and view the configuration
For example, the configuration of my project is as follows
The command to run is:
npm run lint:eslint --fix Then restart the project
Supplement:
Found that error Delete `——–␍⏎` prettier/prettier is too much when using webstorm, and every time I modify the code, this error will appear, which is troublesome to operate. So choose to close the Prettier code specification directly
Just configure it in the rules in eslintrc.js
'prettier/prettier': 'off'Error: Cannot find module ‘vue-template-compiler/package. json’
1. error display
2. solutions
The app created has the missing module installed
> Run: npm install vue-template-compiler
> Run: npm run serve
3. success
Header error prompt
gyp info it worked if it ends with ok
gyp info using [email protected]
gyp info using [email protected] | win32 | x64
gyp ERR! find Python
gyp ERR! find Python Python is not set from command line or npm configuration
gyp ERR! find Python Python is not set from environment variable PYTHONTail error prompt
gyp ERR! find Python **********************************************************
gyp ERR! find Python You need to install the latest version of Python.
gyp ERR! find Python Node-gyp should be able to find and use Python. If not,
gyp ERR! find Python you can try one of the following options:
gyp ERR! find Python - Use the switch --python="C:\Path\To\python.exe"
gyp ERR! find Python (accepted by both node-gyp and npm)
gyp ERR! find Python - Set the environment variable PYTHON
gyp ERR! find Python - Set the npm configuration variable python:
gyp ERR! find Python npm config set python "C:\Path\To\python.exe"
gyp ERR! find Python For more information consult the documentation at:
gyp ERR! find Python https://github.com/nodejs/node-gyp#installation
gyp ERR! find Python **********************************************************
gyp ERR! find Python
gyp ERR! configure error
gyp ERR! stack Error: Could not find any Python installation to use
gyp ERR! stack at PythonFinder.fail (D:\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:330:47)
gyp ERR! stack at PythonFinder.runChecks (D:\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:159:21)
gyp ERR! stack at PythonFinder.<anonymous> (D:\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:248:16)
gyp ERR! stack at PythonFinder.execFileCallback (D:\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:294:16)
gyp ERR! stack at exithandler (node:child_process:406:5)
gyp ERR! stack at ChildProcess.errorhandler (node:child_process:418:5)
gyp ERR! stack at ChildProcess.emit (node:events:527:28)
gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:289:12)
gyp ERR! stack at onErrorNT (node:internal/child_process:478:16)
gyp ERR! stack at processTicksAndRejections (node:internal/process/task_queues:83:21)
gyp ERR! System Windows_NT 10.0.22000
gyp ERR! command "D:\\nodejs\\node.exe" "D:\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild"
gyp ERR! cwd G:\aidex\font-end\aidex-ui\node_modules\deasync
gyp ERR! node -v v16.15.1
gyp ERR! node-gyp -v v9.0.0
gyp ERR! not okSolution:
NPM installation
npm i -g node-gypYarn installation
yarn global add node-gyp
2022-06-13-node-saas error
System environment
Screenshot of error reporting
The local code execution npm install depends on the installation items. The console displays an error message. The screenshot of the error message is as follows:
Error reporting solution
The project relies on “node-sass”: “^4.12.0”. Replace node-sass with sass
node uninstall node-sassnode install sass, the installation is successful. The screenshot is as follows:
The project can be started normally, and the interface is as follows:
Error report analysis:
Reference:
https://stackoverflow.com/questions/68095626/node-sass-with-apple-m1-big-sur-and-arm64
error TS1086: An accessor cannot be declared in an ambient context
Error ts1086 error resolution
After the NPM package is installed, an error is reported when running the project.
The error information is as follows
ERROR in node_modules/xxx/xxx/xxxx.d.ts(15,9): error TS1086: An accessor cannot be declared in an ambient context.
Solution:
Modify tsconfig.json file
{
"compilerOptions": {
"skipLibCheck": true
}
}