Vue.js 从NPM链接解析别名
我有一个Vue应用程序,在以下一些地方使用: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应用程序中要求它
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:代码。问题仍然存在。您解决了这个问题吗?这对我也不管用@多布利塔夫内尔