相关疑难解决方法(0)

例如:

import Component from '@/components/component'

在我看到的代码中,它的行为类似于../相对于文件路径的目录中的一个级别,但我想更一般地了解它的作用.遗憾的是,由于符号搜索问题,我无法在线找到任何文档.

我正在将我正在进行的Vue.js应用程序转换为使用vue-cli/Webpack和导入的模块我现在发现的相当繁琐的东西是准确地指定导入的相对路径.例如import bus from '../../bus',import Cell from '../Cell'.容易犯错误.

我假设它必须足够简单,以指定一个基本或根目录,并从中指定绝对路径,但我无法看到一个人会这样做.例如,在标准的vue-cli webpack设置中,我正在处理的代码都在'src'目录中,其中我有'components','mixins'等.如果我可以使用它会很方便import xxx from 'components/xxx',import yyy from 'components/a/yyy'.我该怎么办？

我想从根文件夹开始导入,而不是删除几个文件夹.我怎么做？

我在尝试导入我的主页的留言簿(就像它的1999年)脚本时遇到了这个问题.

import MyGuestbook from '../../components/MyGuestbook.vue' 编译.

import MyGuestbook from '/src/components/MyGuestbook.vue' 没有.

import MyGuestbook from '@/components/MyGuestbook.vue' 也没有.

GuestBookPage.vue

<template>
<div>
    <MyGuestbook />
</div>
</template>

<script>
import MyGuestbook from '../../components/MyGuestbook.vue'

export default {
  name: 'GuestbookPage',
  components: {
    MyGuestbook
  }
};
</script>

MyGuestbook.vue

<template>
  </div>
  </div>
</template>

<script src="non-editable-comments-v0.1.0.js"></script>
<script>
  window.safeComments('CommentTitle', 'CommentTargetID');

  export default {
    name: 'MyGuestbook'
  };
</script>

[更新]

我知道我需要使用webpack,但我的项目使用neutrinojs/vue(推荐用于项目类型)与webpack结合使用.我对他们中的任何一个都不熟悉.到目前为止添加webpack.config.js还没有奏效.

webpack.config.js

module.exports = {
  resolve: {
    extensions: [
      '.js', '.vue', '.json'
    ],
    alias: {
      '@': resolve('src'),
      '@root': resolve('.')
    } …

我的文件中有这段代码，在socketio这里我可以socket简单地使用。

import _ from 'lodash'
import mongoose from 'mongoose'

exports.register = (server, options, next) => {
  var io = require('socket.io')(server.listener)
  io.on('connection', async(socket) => {
    // here I can use socket.emit() and all
  })
  next()
}

exports.register.attributes = {
  name: 'socket'
}

现在，我需要使用io套接字处理emit来自各种文件的事件，并且不想io.on('connection', async(socket) => {})每次都连接它。

我怎样才能做到这一点？

谢谢！！！

过去，app-module-path每当我想在 Node.js 应用程序中使用相对路径时，我都会使用它。如果我通过该格式使用 ES 模块.mjs，如何在某个目录路径变为相对路径的情况下具有相同的功能？

以另一种方式，我是否能够为目录分配一个别名，以便所有相对路径都相对于该别名，就像./路径的别名相对于当前目录一样。

Nrwl 说在这里问。看来我是第一个了！

我犯傻了。我使用 nx 原理图创建了一个名为 Angular 的项目。如果可能的话，我想重命名命名空间，以便我可以访问我的库，例如：

import {MyLibrary} from '@MyNamespace/my-library/';

代替：

import {MyLibrary} from '../../../../../../../..........';

我尝试更改 angular-cli.json 和 package.json 中的项目名称，但我很确定这不是答案。

此外，nx 不能用作标签，因为它已在其他地方使用。我建议nrwl-nx。

编辑：从头开始。我没有足够的声誉来创建新标签。如果你想成为第一，那就恭喜你了！

有没有办法在 Angular 5 中为自定义路径使用命名空间？目前我使用

import { AuthService } from './../../modules/auth/auth.service';

我想要实现的是使用@module或自定义@name特定路径。代码应如下所示，可用于每个文件夹级别

import { AuthService } from '@modules/auth/auth.service';

我正在使用 WebStorm 2021.2.4，当我创建 Vue.js 3 应用程序时，出现以下错误：

IDE 似乎无法识别@根目录src。我该如何解决这个问题？