npm包 本地调试
使用npm link 进行本地调试,刚开始就报错,根据百度,在本地的npm包中添加.eslintrc.js,
文件内容如下
module.exports = { "env": {
"browser": false,
"commonjs": false,
"es6": false
},
"extends": "eslint:recommended",
"parserOptions": {
"ecmaVersion": 2018,
"sourceType": "module",
"parser":"babel-eslint"
},
"plugins": [
"react"
],
"rules": {
"indent": [
"error",
"tab"
],
"linebreak-style": [
"error",
"windows"
],
"quotes": [
"error",
"double"
],
"semi": [
"error",
"always"
]
}
};
运行代码,ok,成功运行,然后修改本地包内显示的字符ces4654改为ces465,保存自动进行热更新,又报了新的错误
<template> <div class="test">ces4654</div>
</template>
<script>
export default {};
</script>
<style>
</style>
但是,我在关闭VScode,重新打开运行又可以成功运行
回答:
可以用yalc来进行本地调试,避免npm link的问题,模拟npm发布模式。
指南:yalc 更适普的前端link工具
回答:
你的文件是 Vue SFC,eslint 认不出来,所以报错 unexpected token
,装个 eslint-plugin-vue 插件就可以了,具体去官网 https://eslint.vuejs.org/ 看看吧。
以上是 npm包 本地调试 的全部内容, 来源链接: utcz.com/p/937130.html