Question

app中无法使用@/路径是为什么？

Answer 1

不能用有两个方面的表现,一个是使用了无法编译通过,这个是需要在 项目的 vue.config.js 增加一段 webpack 的配置

  configureWebpack: {
    // provide the app's title in webpack's name field, so that
    // it can be accessed in index.html to inject the correct title.
    name: name,
    resolve: {
      alias: {
        '@': resolve('src'),
        'c@': resolve('src/components'),
        'v@': resolve('src/views')
      }
    }
  },

一个是能正常编译,但是 IDE 无法正常的工作
这个需要在项目里面加一个配置文件,里面的内容如下,然后在 webstorm 里 preference - Language&Frameworks-javascript-webpack,里选择manually,定位到你刚才添加的配置文件,保存即可

const resolve = dir => require('path').join(__dirname, dir);

module.exports = {
  resolve: {
    alias: {
      '@': resolve('src'),
      'c@': resolve('src/components'),
      'v@': resolve('src/views')
    }
  }
};