【问题标题】:Vuex Can't Import File with “...”Vuex 无法使用“...”导入文件
【发布时间】:2018-12-24 01:37:48
【问题描述】:

我在我的应用程序中使用 Vuex。我正在尝试在store/modules/auth.js 中导入router。但是,我无法拉出它,因为它给了我以下错误:

ERROR in ./resources/assets/js/store/modules/auth.js
Module not found: Error: Can't resolve '.../routes/routes.js' in 'c:\wamp64\www\test\resources\assets\js\store\modules'

我导入 router 使用:

import { router } from '.../routes/routes.js'

我的文件夹结构是这样的:

├── _ js
    ├── _components     
    ├── _routes
    |   └── routes.js
    ├── _store
    |   |── _modules
    |   |   └── auth.js // Here I import the router
    |   └── store.js
    ├── App.vue
    └── main.js

. 将转到modules.. 将转到 store... 应该转到根文件夹,不是吗?不过,我得到了错误。请帮忙!

【问题讨论】:

  • ../../,而不是...。没有 ... 这样的东西。
  • @BillCriswell 你能解释一下../../ 是如何工作的,或者给我一个资源(链接)以便我能更好地理解吗?
  • 它基本上归结为:./ 是当前目录,../ 是父目录,您可以随意将它们链接在一起。 /webroot,这通常是您的 index.html 文件所在的位置,但最好避免这种情况,以便 webpack 可以处理 url。
  • 明白了!谢谢

标签: javascript vue.js import ecmascript-6


【解决方案1】:

试试:

import { router } from '../../routes/routes.js'

【讨论】:

  • 如果可能,您能否详细说明它的实际工作原理?
  • .../ 表示向下一个目录
  • 这个问题应该是../../
  • 所以如果 .../ 表示向下一个目录,那么 ../../ 是什么意思?
猜你喜欢
  • 2019-04-07
  • 2023-03-21
  • 2022-09-23
  • 2021-07-09
  • 2020-05-18
  • 1970-01-01
  • 2017-04-24
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多