Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/33.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 Vue和Node.js无法导入文件模块'；模块'；从'；地点'；_Javascript_Node.js_Vue.js_Import_Components - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript Vue和Node.js无法导入文件模块'；模块'；从'；地点'；

Javascript Vue和Node.js无法导入文件模块'；模块'；从'；地点'；

javascript node.js vue.js import

Javascript Vue和Node.js无法导入文件模块'；模块'；从'；地点'；,javascript,node.js,vue.js,import,components,Javascript,Node.js,Vue.js,Import,Components,我试图将vue组件加载到HTML文件中，但出现以下错误： 错误：无法从“D:\Dev\project\public\js”中找到模块“/../vue/modules/component header” 这是我的index.html： ... <body> <section id="home-section"> <component-header></component-header> </section>

我试图将vue组件加载到HTML文件中，但出现以下错误：

错误：无法从“D:\Dev\project\public\js”中找到模块“/../vue/modules/component header”

这是我的index.html：

...
<body>
    <section id="home-section">
        <component-header></component-header>
    </section>
</body>
...

<template>
    <header>Test</header>
</template>

<script>
    export default {
        name: "component-header"
    }
</script>

let fs = require("fs");
let browserify = require("browserify");

browserify(["public/js/index.js"])
    .transform("babelify")
    .bundle()
    .pipe(fs.createWriteStream("public/dist/index.js"));
和我的组件头.vue：

...
<body>
    <section id="home-section">
        <component-header></component-header>
    </section>
</body>
...

<template>
    <header>Test</header>
</template>

<script>
    export default {
        name: "component-header"
    }
</script>

let fs = require("fs");
let browserify = require("browserify");

browserify(["public/js/index.js"])
    .transform("babelify")
    .bundle()
    .pipe(fs.createWriteStream("public/dist/index.js"));
下面是文件夹结构（父文件夹为“项目”）：

我试图修改index.js中的“导入”路径，但它没有改变任何东西。

你也可以共享文件夹结构吗？嗨，我用结构的屏幕截图更新了帖子。只是为了尝试。如果将
component header.vue
移动到与
index.js
文件相同的文件夹中，并将导入行从“/component header”更改为
import header，会发生什么情况我试图这样做，但仍然出现了完全相同的错误：错误：无法从“D:\Dev\project\public\js”中找到模块“./component header”