Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/scala/18.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在没有npm的情况下使用Vue.js元素?_Javascript_Html_Vue.js - Fatal编程技术网

Javascript 如何在没有npm的情况下使用Vue.js元素?

Javascript 如何在没有npm的情况下使用Vue.js元素?,javascript,html,vue.js,Javascript,Html,Vue.js,是否可以在没有npm的情况下使用组件 我试着去做,但失败了 我无法导入html文件中的组件 尝试: import VueBootstrap4Table from 'vue-bootstrap4-table'; app = new Vue({ el: '#app', data: { rows: [{ 这是你的电话号码 此代码有什么问题?删除: import VueBootstrap4Table from 'vue-bootstrap4-table'; 及 从Vue实例的底部—

是否可以在没有npm的情况下使用组件

我试着去做,但失败了

我无法导入
html
文件中的组件

尝试:

import VueBootstrap4Table from 'vue-bootstrap4-table';

app = new Vue({
  el: '#app',
  data: {
    rows: [{
这是你的电话号码

此代码有什么问题?

删除:

import VueBootstrap4Table from 'vue-bootstrap4-table';

从Vue实例的底部—通过添加CDN引用,它已经包含在内

最后,看起来您缺少此表的引导css。我把它作为依赖项添加到小提琴中

请查看:

删除:

import VueBootstrap4Table from 'vue-bootstrap4-table';

从Vue实例的底部—通过添加CDN引用,它已经包含在内

最后,看起来您缺少此表的引导css。我把它作为依赖项添加到小提琴中

请查看:


从“vue-bootstrap4-table”导入VUEBOOTSTRAP4表a)您需要webpack(或另一个捆绑程序)来解析导入,b)webpack将尝试解析来自
node\u modules
文件夹的导入(如果没有npm,您将无法使用该文件夹)。只要使用npm。这就是路。任何试图在没有npm的情况下使用任何现代软件包或框架的尝试都注定会失败。@connexo实际上现代浏览器可以处理那些
import
语句,如果它们位于模块内部而不是JS导入中。路径必须是有效的URL,应用标准URL规则(绝对、相对等),文件扩展名应为
.mjs
,并且您可以使用
unpkg.me
之类的工具获取通常为节点包的URL。我并不是说我会把它推荐给一个生产项目,但这个问题听起来不像是在问生产代码。
import VueBootstrap4Table from'vue-bootstrap4-table'a)您需要webpack(或另一个捆绑程序)来解析导入,b)webpack将尝试解析来自
node\u modules
文件夹的导入(如果没有npm,您将无法使用该文件夹)。只要使用npm。这就是路。任何试图在没有npm的情况下使用任何现代软件包或框架的尝试都注定会失败。@connexo实际上现代浏览器可以处理那些
import
语句,如果它们位于模块内部而不是JS导入中。路径必须是有效的URL,应用标准URL规则(绝对、相对等),文件扩展名应为
.mjs
,并且您可以使用
unpkg.me
之类的工具获取通常为节点包的URL。我并不是说我会把它推荐给一个生产项目,但这个问题听起来不像是在问生产代码。