Vue加载程序无法解析“ @”

时间:2019-06-13 04:22:43

标签: vue.js vue-loader

版本

15.4.0

复制链接

https://codepen.io/fendi-tri-cahyono/pen/wbXKMZ?editors=0010

复制步骤

<Style TargetType="local:MyCustomControl">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="local:MyCustomControl">
                <Grid
                    x:Name="RootGrid"
                    Padding="50"
                    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
                    >
                    <Border
                        x:Name="bdr"
                        Margin="50"
                        Padding="{TemplateBinding Padding}"
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        >
                        <TextBox
                            x:Name="_txt"
                            Height="50"
                            Margin="25"
                            FontSize="18"
                            FontWeight="Bold"
                            Text="{Binding Text, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
                            />
                    </Border>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

期望什么?

可以解决 从“ @ / something.vue”导入内容, 不仅 从“ ../../something.vue”,

导入内容

实际上发生了什么?

找不到模块:错误:无法解析'/ Users / fenditricahyono / Projects / titipbeliin / titipbeliin-vue / node_modules / vue-extend-layout'中的'@'

1 个答案:

答案 0 :(得分:2)

要扩展Phil的评论,我假设您没有使用Vue CLI初始化项目(通过Webpack配置的外观),您要查找的应该是别名(用{{1}表示) }符号(通常由CLI使用和/或产生),它映射到项目目录的根路径。因此,请尝试在resolve.alias对象下添加以下额外的行:

@