首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Vue Loader无法解析“@”

Vue Loader无法解析“@”
EN

Stack Overflow用户
提问于 2019-06-13 12:22:44
回答 1查看 1.8K关注 0票数 0

版本

15.4.0

复制链接

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

重现步骤

代码语言:javascript
运行
复制
ERROR in ./node_modules/vue-extend-layout/vue-extend-layout.vue?vue&type=script&lang=js& (./node_modules/vue-loader/lib??vue-loader-options!./node_modules/vue-extend-layout/vue-extend-layout.vue?vue&type=script&lang=js&)
Module not found: Error: Can't resolve '@' in '/Users/fenditricahyono/Projects/titipbeliin/titipbeliin-vue/node_modules/vue-extend-layout'
 @ ./node_modules/vue-extend-layout/vue-extend-layout.vue?vue&type=script&lang=js& (./node_modules/vue-loader/lib??vue-loader-options!./node_modules/vue-extend-layout/vue-extend-layout.vue?vue&type=script&lang=js&) 50:19-96
 @ ./node_modules/vue-extend-layout/vue-extend-layout.vue?vue&type=script&lang=js&
 @ ./node_modules/vue-extend-layout/vue-extend-layout.vue
 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js&
 @ ./src/App.vue?vue&type=script&lang=js&
 @ ./src/App.vue
 @ ./src/main.js

期望的是什么?

可以从‘@/omething.vue’导入内容,不仅可以从‘../../omething.vue’导入内容,

到底发生了什么?

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-06-13 13:12:12

对于Phil的评论,我假设您没有使用Vue CLI初始化项目(通过您的webpack配置的外观),您正在寻找的应该是一个映射到项目目录的根路径的别名(用@符号表示,该符号通常使用和/或由CLI生成)。因此,尝试在resolve.alias对象下添加以下额外的行:

代码语言:javascript
运行
复制
{
  // ...

  resolve: {
    alias: {
      // Relative path to your root dir (adjust accordingly)
      '@': path.resolve(__dirname, './src'),

      vue$: 'vue/dist/vue.esm.js',
    },
    extensions: ['*', '.js', '.vue', '.json'],
  },

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

https://stackoverflow.com/questions/56573344

复制
相关文章

相似问题

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