Question

尝试遵循本教程：Chat web-app using Phoenix and Vue.js — Part 1时，我陷入了在浏览器控制台中看到此消息的地方

已成功加入对象{ ob ：观察者}

我已遵循每条说明：

创建Phoenix项目的时间：成功
让我们集成Vue.js：成功
是时候初始化Vue应用程序并创建我们的第一个组件：成功
Vue.js和Phoenix坐在一棵树上。该挂起这两个了！：每当我运行此命令时，我都会得到

app.js：61未捕获的错误：无法从以下位置找到模块“ web / static / js / app” '/' 在需要时（app.js：61）在browser.js：190

我已经尝试了在互联网上找到的所有内容，但仍然无法做到

下面是我在项目中的代码和文件位置：

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 / channels / 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

有人对此有解决方案吗？

Answer 1

我不知道它是否对您有帮助，但我无法发表评论。

您可能已经忘记了运行以下命令：

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

除非您没有安装以上依赖项，否则错误将与您的错误相同。

未捕获的错误：无法从'/'

1 个答案: