环境: vue3 , visual studio code, bulma
背景: 在代码中,使用标签来进行导航栏跳转。
如:
<div class="navbar-start">
<a href="/groups">产品</router-link>
</div>
执行:
npm run dev
在开发环境,能正常进行跳转。
但是编译后, npm run build
, 放到 web服务器上后,不能正常跳转,console提示:
crbug/1173575 non-js module files deprecated
网上资料说是修改: vscode的launch.json。 对不起,我没用vs code 的live插件,根本不存在 .vscode 下不存在launch.json文件。
解决办法:
使用router-link:
<div class="navbar-start">
<router-link class="navbar-item" :to="{ name: 'Groups'}">产品</router-link>
</div>