An error occurred when vuecli created uniapp

In recent years, the Vue.js framework has become one of the preferred frameworks for front-end development due to its excellent performance, modular development method and ease of use. Based on Vue, Uni-app can build specialized mini programs and H5 applications at the same time, bringing more convenience and efficiency to developers. However, when using Vue-cli to create a Uni-app project, some errors sometimes occur. This article will focus on this topic.

​ First, let’s take a look at how to use Vue-cli to create a Uni-app project. Open the terminal and enter the following command:

npm install -g @vue/cli
vue create -p dcloudio/uni-preset-vue my-project

The first line of command is to install Vue-cli globally. The second line uses dcloudio/uni-preset-vue to create a Uni-app project, and my-project is the name of the created project. However, when using this command, we may encounter some errors, which will be discussed in detail next.

1. The first error

When executing the second line of command above, we may encounter the error that the vue create command is not recognized, as follows As shown in the picture:

​ For this error, we can use the following command to solve it:

npm install @vue/cli-init -g

​ This command will install vue-init, And add it to our environment variables. If this problem occurs again in the future, you can still use this command to solve it.

2. The second error

After using the first command, we may also need to configure some environment variables, otherwise it may be possible when using Vue-cli to create the Uni-app project The following error will appear:

# This is an error caused by not configuring environment variables when using the vue create command. To solve this problem, we need to add a PATH to the environment variable, pointing to the npm running path in the system. We can enter the following command in the terminal to set it up (commands for different systems are slightly different):

export PATH=$PATH:`npm bin -g`

​ After completion, we can use the vue create command again to create a new project to avoid this error.

3. The third error

​ The third error is that after creating the project, the following error may occur when running the project:

​ To address this problem, we can try to update the version of Node.js. Generally speaking, it is recommended to use the latest official LTS version.

4. The fourth error

​ The fourth error is when executing the npm install command, an error message appears, as shown in the figure below:

​ At this time, we can use the following commands to solve the problem:

npm install -g node-gyp 
npm install -g --production windows-build-tools 
npm install@3.7.5 或 npm install --unsafe-perm 

​ The first command installs node-gyp, and the second command installs windows-build-tools. The third command is used to install the required packages, and its version can be adjusted according to the actual situation.

​ In this article, we discuss several errors and solutions that may occur when using Vue-cli to create Uni-app. Through these methods, we can build the Uni-app environment more easily and improve our development efficiency. We hope it will be helpful to you.

The above is the detailed content of An error occurred when vuecli created uniapp. For more information, please follow other related articles on the PHP Chinese website!