小编luk*_*ann的帖子

我经常使用 Vuejs 和 Webpack 以及“@”字符进行文件解析，如下所示

import MyComponent from "@/components/MyComponent.vue";

但是，我无法使用 vimgf命令移动到该文件。

E447: Can't find file "/components/MyComponent.vue" in path

我花了几个小时谷歌搜索，搞乱了 vim 路径和includeexpr. 我还尝试了几个插件，例如vim-npr或vim-gotofile。

有没有人遇到过同样的问题并找到解决方案？

编辑

到目前为止我想到的最好的事情是：

:set inex=substitute(v:fname,'^\\@\/','src/','')

在另一个 stackoverflow 线程中找到了它，他们在那里使用~这个字符。但是它不适用于@. 我在尝试时收到此错误gf

E869: (NFA) Unknown operator '\@/'

我的解决方案

在 @romainl 的帮助下，我现在在after/ftplugin/vue.vim和after/ftplugin/javascript.vim

setlocal isfname+=@-@
setlocal includeexpr=substitute(v:fname,'^@\/','src/','')

感谢您的帮助！

我刚刚遇到这种变体,附加了一个包含存储在变量中的值的字符串,这是我以前从未见过的.谁能帮我解释一下这里发生的事情？

这就是我遇到的情况:

var fruit = "banana"; 
$main = $('.main');

$main.append(`<p>${fruit} is a fruit.</p>`);
=> 'banana is a fruit.'

倾斜的引号似乎在这里有所不同,因为这显然不起作用:

$main.append('<p>$(fruit) is a fruit.</p>');
=> '$(fruit) is a fruit.'

这可能是我现在没有看到的简单事情.你能解释一下,这里发生了什么？我在网上的Javascript/JQuery中找不到关于这些倾斜引号的任何内容

这是一个简单的Codepen来说明问题:

http://codepen.io/lukastillmann/pen/MegXwQ

我正在尝试从Reat项目（使用create-react-app引导）中的React-Bootstrap文档中重新创建一些代码。

但是我对这些Boostrap“子组件”有疑问，例如 NavBar.Header

这是我的代码：

import React, {Component} from 'react';
import {NavBar, Nav, NavItem} from 'react-bootstrap';

class MainNav extends Component {
  render() {
    return (
      <Navbar>
        <Navbar.Header>
          <Navbar.Brand>
            <a href="#">React-Bootstrap</a>
          </Navbar.Brand>
        </Navbar.Header>
        <Nav>
          <NavItem eventKey={1} href="#">Link</NavItem>
          <NavItem eventKey={2} href="#">Link</NavItem>
          <NavDropdown eventKey={3} title="Dropdown" id="basic-nav-    dropdown">
            <MenuItem eventKey={3.1}>Action</MenuItem>
            <MenuItem eventKey={3.2}>Another action</MenuItem>
            <MenuItem eventKey={3.3}>Something else here</MenuItem>
            <MenuItem divider />
            <MenuItem eventKey={3.4}>Separated link</MenuItem>
          </NavDropdown>
        </Nav>
      </Navbar>
    )
  }
}

export default MainNav;

我收到以下控制台错误：

Uncaught TypeError: Cannot read property 'Header' of undefined
    at MainNav.render (MainNav.js:15)
    at …