为什么用vue-cli-3创建的克隆项目无法将'@'识别为路径?

时间:2019-04-15 21:43:37

标签: node.js vue.js vue-cli-3

因此,我遇到的情况是我用vue-cli-3创建了一个新的Vue项目。我已经为此工作了几个星期。

在旅途中,我决定从台式机切换到笔记本电脑。因此,我推动在台式机上进行回购,现在在笔记本电脑上,我完成了git clone项目并使用了npm install

现在,当我运行npm serve == vue-cli-service serve时,出现错误消息,项目无法识别以@开头的模块,例如import movements from '@/data/movements'

我用笔记本电脑尝试了相同的过程,并且一切正常。从当前存储库克隆过程中我错过了什么吗?为什么会这样?

我发现您可以使用vue.config.js并只重写Webpack配置(这很有用),但是为什么在从另一台计算机上处​​理项目时为什么需要重写配置?

这是我的.gitignore文件,我认为它不会阻止任何重要文件。

.DS_Store
node_modules
/dist

# local env files
.env.local
.env.*.local

# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*

# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw*

2 个答案:

答案 0 :(得分:0)

根据新版本的documentation@仅指向模板中的src目录。

  

如果URL以@开头,则它也被解释为模块请求。这很有用,因为Vue CLI默认将@别名为<projectRoot>/src(仅模板)

您可以尝试从^文件中删除package.json字符,以返回到vue的先前版本,然后再次执行npm install。希望能奏效。

答案 1 :(得分:0)

更新:“ @”没什么问题,但git弄乱了我的文件名。

即使在提交和推送之前,我已将其重命名为大写的movements.js,我克隆的项目仍然以较小的m表示。