Express 使用vue cdn分离组件文件

Express 使用vue cdn分离组件文件,express,vue.js,cdn,Express,Vue.js,Cdn,我有一个express服务器,只提供一个GET路径并返回文件'public/app.html' 此app.html文件加载vue.js抛出cdn https://cdn.jsdelivr.net/npm/vue/dist/vue.js 我不想有一个大的组件 如何将每个组件放在不同的文件中 我尝试的是: 我创建了一个/public/components/InputName.vuevuejs组件 在中的public/app.html中,我添加了: import InputName from './I

我有一个
express
服务器,只提供一个GET路径并返回文件
'public/app.html'

app.html
文件加载vue.js抛出cdn
https://cdn.jsdelivr.net/npm/vue/dist/vue.js

我不想有一个大的组件

如何将每个组件放在不同的文件中

我尝试的是:

我创建了一个
/public/components/InputName.vue
vuejs组件

中的
public/app.html
中,我添加了:

import InputName from './InputName'
但我有这个错误

import declarations may only appear at top level of a module
检查此GitHub回购: 它解释了如何从服务器加载组件:

与JSFIDLE讨论一些代码。谢谢