首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在vue-cli上更改main.js的路径?

如何在vue-cli上更改main.js的路径?
EN

Stack Overflow用户
提问于 2018-09-15 22:37:41
回答 1查看 3.8K关注 0票数 5

我使用vue-cli

我想要更改main.js和其他vue源文件的路径

因此,我尝试更改build/webpack.base.conf.js

如下所示。(它是build/webpack.base.conf.js的一部分

(之前)

代码语言:javascript
运行
复制
module.exports = {
  entry: {
    app: './src/main.js'
  },

(之后)

代码语言:javascript
运行
复制
module.exports = {
  entry: {
    app: '../src/main.js'
  },

我试着开始

代码语言:javascript
运行
复制
npm run dev

但是它不起作用。

它会打印出此错误消息

代码语言:javascript
运行
复制
These dependencies were not found:

* vue in ../src/main.js, ../src/store/index.js and 9 others
* vue-router in ../src/main.js
* vuex-router-sync in ../src/main.js
* es6-promise/auto in ../src/main.js
* vuex in ../src/store/index.js
* !!babel-loader!../../myVue/node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue in ../src/components/App.vue
* !!babel-loader!../../myVue/node_modules/vue-loader/lib/selector?type=script&index=0!./Dash.vue in ../src/components/Dash.vue
* !!babel-loader!../../myVue/node_modules/vue-loader/lib/selector?type=script&index=0!./Login.vue in ../src/components/Login.vue
* !!babel-loader!../../myVue/node_modules/vue-loader/lib/selector?type=script&index=0!./404.vue in ../src/components/404.vue
* !!babel-loader!../../../myVue/node_modules/vue-loader/lib/selector?type=script&index=0!./Device.vue in ../src/components/views/Device.vue
* !!babel-loader!../../../myVue/node_modules/vue-loader/lib/selector?type=script&index=0!./Messagegt.vue in ../src/components/views/Messagegt.vue
* !!babel-loader!../../../myVue/node_modules/vue-loader/lib/selector?type=script&index=0!./Monitor.vue in ../src/components/views/Monitor.vue
* !!babel-loader!../../../myVue/node_modules/vue-loader/lib/selector?type=script&index=0!./Firewall.vue in ../src/components/views/Firewall.vue
* !!babel-loader!../../../myVue/node_modules/vue-loader/lib/selector?type=script&index=0!./Performance.vue in ../src/components/views/Performance.vue
* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../myVue/node_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-44394314","scoped":false,"hasInlineConfig":false}!../../myVue/node_modules/vue-loader/lib/selector?type=styles&index=0!./Dash.vue in ../src/components/Dash.vue
* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../myVue/node_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-1db248d7","scoped":false,"hasInlineConfig":false}!../../myVue/node_modules/vue-loader/lib/selector?type=styles&index=0!./Login.vue in ../src/components/Login.vue
* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../myVue/node_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-808c2e74","scoped":false,"hasInlineConfig":false}!../../myVue/node_modules/vue-loader/lib/selector?type=styles&index=0!./404.vue in ../src/components/404.vue
* vue-hot-reload-api in ../src/components/App.vue, ../src/components/Dash.vue and 16 others

To install them, you can run: npm install --save vue vue-router vuex-router-sync es6-promise/auto vuex !!babel-loader!../../myVue/node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue !!babel-loader!../../myVue/node_modules/vue-loader/lib/selector?type=script&index=0!./Dash.vue !!babel-loader!../../myVue/node_modules/vue-loader/lib/selector?type=script&index=0!./Login.vue !!babel-loader!../../myVue/node_modules/vue-loader/lib/selector?type=script&index=0!./404.vue !!babel-loader!../../../myVue/node_modules/vue-loader/lib/selector?type=script&index=0!./Device.vue !!babel-loader!../../../myVue/node_modules/vue-loader/lib/selector?type=script&index=0!./Messagegt.vue !!babel-loader!../../../myVue/node_modules/vue-loader/lib/selector?type=script&index=0!./Monitor.vue !!babel-loader!../../../myVue/node_modules/vue-loader/lib/selector?type=script&index=0!./Firewall.vue !!babel-loader!../../../myVue/node_modules/vue-loader/lib/selector?type=script&index=0!./Performance.vue !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../myVue/node_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-44394314","scoped":false,"hasInlineConfig":false}!../../myVue/node_modules/vue-loader/lib/selector?type=styles&index=0!./Dash.vue !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../myVue/node_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-1db248d7","scoped":false,"hasInlineConfig":false}!../../myVue/node_modules/vue-loader/lib/selector?type=styles&index=0!./Login.vue !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../myVue/node_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-808c2e74","scoped":false,"hasInlineConfig":false}!../../myVue/node_modules/vue-loader/lib/selector?type=styles&index=0!./404.vue vue-hot-reload-api
> Listening at http://localhost:8080

如何更改vue源路径?

请帮帮我

EN

回答 1

Stack Overflow用户

发布于 2018-09-15 23:10:06

该路径中是否有main.js

以下目录结构相同:

代码语言:javascript
运行
复制
- root direcotry
 - src
     - main.js
 - directory
     - package.json
      - other files..

如果vue文件位于以下路径中。

代码语言:javascript
运行
复制
- root direcotry
 - src
     - main.js
 - directory
     - src
          - App.vue
     - package.json
      - other files..

您必须以import App from '../directory/src/App.vue'身份从main.js加载

但是,如果vue文件位于以下路径中。

代码语言:javascript
运行
复制
- root direcotry
 - src
     - main.js
     - App.vue
 - directory
     - package.json
      - other files..

您必须以import App from './App.vue'身份从main.js加载

这不就是为了移动main.js吗?

检查main.js。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52345698

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档