Vue.js 从NPM链接解析别名

Vue.js 从NPM链接解析别名,vue.js,hyperlink,alias,Vue.js,Hyperlink,Alias,我有一个Vue应用程序,在以下一些地方使用: import MyPage from '@/components/MyPage' 在该应用程序的main.js中,我将整个应用程序作为变量导出 export const VueApp = () => { var app = new Vue({ render: h => h(App) }).$mount('#app') return app } 此应用程序将生成并发布到NPM。我可以在另一个Vue应用程序中要求它

我有一个Vue应用程序,在以下一些地方使用:

import MyPage from '@/components/MyPage'
在该应用程序的
main.js
中,我将整个应用程序作为变量导出

export const VueApp = () => {

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

  return app
}
此应用程序将生成并发布到NPM。我可以在另一个Vue应用程序中要求它,只需将
VueApp()
放在主页上即可复制该站点

在该项目的根文件夹中,我运行了:

npm link
…因为我们想为最终将使用NPM包的项目开发建立一个开发环境

在新项目中,我使用以下命令使用本地NPM包:

npm link myapp
在那之后,我可以在
node\u modules/myapp
文件夹中看到所有源代码

运行应用程序时,我收到一个错误:

These dependencies were not found

@/components/MyPage in /Users/<username>/source/myapp/src/index.js
未找到这些依赖项
@//Users//source/myapp/src/index.js中的components/MyPage
我认为我需要为
@
字符向
webpack.config.js
添加
resolve
。我没有
webpack.config.js
,但我有
vue.config.js

我只是不知道如何将
解析
添加到
vue.config.js

中:

node\u模块中的符号链接
如果
npm-link
warn-link
安装了依赖项,那么对于这些符号链接的依赖项,ESLint(有时也包括Babel)可能无法正常工作。这是因为,因此中断了ESLint/Babel配置查找

此问题的解决方法是手动禁用webpack中的符号链接解析:

//vue.config.js
module.exports={
链接网页包:(配置)=>{
config.resolve.symlinks(false)
}
}
警告: 如果依赖项是由使用符号链接的第三方npm客户端安装的,例如
cnpm
pnpm
,则禁用
resolve.symlinks
可能会中断热模块重新加载


如果它不存在,则需要创建。

Sigh。。这是我试过的一件事。。我有一个vue.config.js,并且我已经尝试了上面的chainWebpack:代码。问题仍然存在。您解决了这个问题吗?这对我也不管用@多布利塔夫内尔