@Mapagep

Выпадает ошибка Cannot find module 'HelloWorld'?

Добрый День,

В проекте с использованием NodeJS, VueJS, ExpressJS выпадает ошибка Cannot find module 'HelloWorld' не могу понять почему.

Вот собственно сам код:
package.json
{
  "name": "vue_node",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "node index.js"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.16.2",
    "express-vue": "^4.0.13",
    "sqlite3": "^3.1.13",
    "vue": "^2.3.4"
  }
}

index.js
const express = require('express');
const expressVue = require('express-vue');
const path = require('path');

const app = express();

app.use(expressVue.init({
  rootPath: path.join(__dirname, 'app')
}));

app.set('view engine', 'vue');

app.set('views', path.join(__dirname, 'app'));

app.set('vue', {
  componentsDir: path.join(__dirname, 'app/components')
});

app.use(express.static(path.join(__dirname, 'assets')))

app.get('/', (req, res) => {
  res.renderVue('App');
});


app.listen(3000, () => {
  console.log('Server started on port 3000')
});

App.vue
<template>
  <div id="app">
    <HelloWorld />
  </div>
</template>

<script>
import HelloWorld from 'HelloWorld'

export default {
  name: 'app',
  components: {
    HelloWorld
  }
}
</script>

<style>
</style>

HellowWorld.vue
<template>
  <div>
    <h1>Hello World</h1>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld'
}
</script>

<style>
</style>

Структура папок
HH6fcWh9T8yZ7yO2uL-5Bg.png

Текст ошибки:
{ Error: Cannot find module 'HelloWorld'
    at Function.Module._resolveFilename (module.js:536:15)
    at Function.Module._load (module.js:466:25)
    at Module.require (module.js:579:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (App:7:19)
    at Module._compile (module.js:635:30)
    at d:\Projects\Javascript\vue_node\node_modules\express-vue-renderer\lib\utils\require.js:239:15
    at new Promise (<anonymous>)
    at Object.requireFromString (d:\Projects\Javascript\vue_node\node_modules\express-vue-renderer\lib\utils\require.js:171:12)
    at d:\Projects\Javascript\vue_node\node_modules\express-vue-renderer\lib\parser\script.js:69:23 code: 'MODULE_NOT_FOUND' }
  • Вопрос задан
  • 426 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы