别名会出错

Question

老师为什么我按照您视频里设置了别名，但是不能用呢？一用别名就出错，换回路径就能正确运行,这是vue.config.js中的代码.

// vue.config.js
const path = require('path');
module.exports = {
    configureWebpack: config => {
      if (process.env.NODE_ENV === 'production') {
        // 为生产环境修改配置...
      } else {
        // 为开发环境修改配置...

        return{
            resolve:{
                alias:{
                    '@js': path.resolve(__dirname, './src/assets/js'),
                    '@css': path.resolve(__dirname, './src/assets/css'),
                    '@imgs': path.resolve(__dirname, './src/assets/imgs'),
                    '@c': path.resolve(__dirname, './src/components'),
                }
            }
        }
      }
    }
  }
 

这是main.js中的代码，把下面的import ‘./assets/js/htmlFontSize’一换成 import’@js/htmlFontSize’就会出错

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './assets/js/htmlFontSize'

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

Answer 1

程序员Sunday 2020-01-07 11:51:16

你好：

设置了别名之后，需要重新启动服务，才可以让别名的配置生效。

你在设置了别名之后，重新启动服务了吗？

• 提问者 西瓜小可爱 #1

  重新启动服务就是再执行一遍npm run serve吧，我重新执行了一遍还是不行

• 程序员Sunday 回复 提问者 西瓜小可爱 #2

  按说设置了别名之后重新启动就会生效了 ， 要不你把代码压缩一下发到我邮箱，我看一下吧 。 [e-mail]

• 程序员Sunday 回复 提问者 西瓜小可爱 #3

  你好 ， 你的 vue.config.js　文件放错位置了，vue.config.js 文件需要放置到项目根目录下，也就是和 src 平级的目录下： ps-hybrid-web/vue.config.js  
  而不是放置到 src 文件夹下面。
  修改 vue.config.js 文件的位置就可以了

点开查看后面1条评论