Uncaught Error: не удается найти модуль 'web / static / js / app' из '/' - PullRequest
Новая
       96

Uncaught Error: не удается найти модуль 'web / static / js / app' из '/'

0 голосов
/ 13 декабря 2018

При попытке следовать этому руководству: Веб-приложение чата с использованием Phoenix и Vue.js - часть 1 , я застрял, где я должен увидеть это сообщение в консоли браузера

Успешно присоединился Объект { ob : Наблюдатель}

Я выполнил все инструкции:

  • Время создания проекта Phoenix: УСПЕХ
  • Давайте интегрируем Vue.js: УСПЕХ
  • Время инициализации приложения Vue и создания нашего первого компонента: УСПЕХ
  • Vue.js и Феникс сидят на дереве .. Время соединить этих двоих !: Всякий раз, когда я запускаю эту команду, я получаю

app.js: 61 Uncaught Ошибка: не удается найти модуль 'web / static / js / app' из '/' при требовании (app.js: 61) в browser.js: 190

Iперепробовал все, что нашел в интернете, но все еще не смог это сделать

Ниже приведены мой код и расположение файла в проекте:

web / static / app.js 

import "phoenix_html"
import socket from "/js/socket"

web / static / js / socket.js 

import {Socket} from "phoenix"
import Vue from 'vue'
import MyApp from "../components/my-app.vue"

let socket = new Socket("/socket", {params: {token: window.userToken}})
socket.connect()

// Create the main component
Vue.component('my-app', MyApp)

// And create the top-level view model:
new Vue({
  el: '#app',
  render(createElement) {
    return createElement(MyApp, {})
  }
});

web / channel / room_channel.ex 

defmodule Vuechat.RoomChannel do
    use Vuechat.Web, :channel

    def join("room:lobby", payload, socket) do
        {:ok, socket}
    end

    def join("room:" <> _private_room_id, _params, _socket) do
        {:error, %{reason: "Unauthorized"}}
    end

    def handle_in("new_msg", %{"body" => body}, socket) do
        broadcast! socket, "new_msg", %{body: body}
        {:noreply, socket}
    end

    def handle_out("new_msg", payload, socket) do
        push socket, "new_msg", payload
        {:noreply, socket}
    end
end

У кого-нибудь есть решение по этому поводу?

1 Ответ

0 голосов
/ 10 января 2019

Не знаю, поможет ли это вам, но я не могу комментировать.

Возможно, вы забыли выполнить следующие команды: 

npm install --save vue vue-router
npm install --save-dev vue-brunch babel-plugin-transform-runtime

Если вы не установите вышеуказанные зависимости, ошибка будет такой же, как ваша.

...