What is the process for modifying the main.js file path in vue-cli?

Question

What is the process for modifying the main.js file path in vue-cli?

I'm currently using vue-cli

I have a need to modify the file path for main.js and other vue source files

Therefore, I attempted to make changes in build/webpack.base.conf.js

Here's a snippet of the code before the modification:

module.exports = {
  entry: {
    app: './src/main.js'
  },

And here's how it looks after the change:

module.exports = {
  entry: {
    app: '../src/main.js'
  },

I then tried to run:

npm run dev

However, it didn't work as expected and displayed the following error message:

...

The error indicates that certain dependencies were not found at the new path location. It suggests running npm install to resolve this issue.

How can I successfully alter the vue source path?

Your assistance is greatly appreciated!

javascript vue.js npm webpack web-config

Answer 1

Answer №1

Is the file main.js located in that specific path?

Below are two directory structures that look exactly the same:

- root directory
 - src
     - main.js
 - directory
     - package.json
      - other files..

If the vue files are within this pathway.

- root directory
 - src
     - main.js
 - directory
     - src
          - App.vue
     - package.json
      - other files..

You will need to import from main.js as

import App from '../directory/src/App.vue'

However, if the vue files are situated in the following location.

- root directory
 - src
     - main.js
     - App.vue
 - directory
     - package.json
      - other files..

You should import from main.js like this: import App from './App.vue'

Could it simply be a matter of moving main.js?

Let's double-check main.js for clarification.

Answer 2

Is the file main.js located in that specific path?

Below are two directory structures that look exactly the same:

- root directory
 - src
     - main.js
 - directory
     - package.json
      - other files..

If the vue files are within this pathway.

- root directory
 - src
     - main.js
 - directory
     - src
          - App.vue
     - package.json
      - other files..

You will need to import from main.js as

import App from '../directory/src/App.vue'

However, if the vue files are situated in the following location.

- root directory
 - src
     - main.js
     - App.vue
 - directory
     - package.json
      - other files..

You should import from main.js like this: import App from './App.vue'

Could it simply be a matter of moving main.js?

Let's double-check main.js for clarification.

What is the process for modifying the main.js file path in vue-cli?

Answer №1

Similar questions

Error 404: This page seems to have gone missing. Django and react-router

Which is better: JavaScript, Json, or Html?

Looking to add some color to the tags within an XML document that is being shown in a textarea?

The appearance of the pop-up mask is displayed at lightning speed

Even after being removed, the input field in Firefox stubbornly maintains a red border

Utilizing React Render Props to Pass References Between Components

Utilizing a range input (slider) to extract data of importance

storing a value in the browser's local storage

Attempting to retrieve key-value pairs from a nested JSON array

Sending a blob through AJAX to a different domain using CORS

The error message "Exceeded the maximum call stack size in Javascript"

Using the built-in http module in node.js to upload images via multipart/form-data

transferring data between pages without the need for a form tag

A guide to iterating through a multidimensional array and assigning fields as keys

failure of pipe during search for art gallery information

Switch up the key while iterating through a JSON object

Updating class with jQuery based on dynamically changing content

Updating a section of a webpage using jQuery Mobile

React Href is not functioning as expected in relative paths

Challenges arise when using ui-select with both multiple selection and asynchronous options