こちらそのまま動かすと表示できますでしょうか？

https://github.com/haruyasu/django-drf

参考

https://www.fullstackchannel.com/questions/9

はる@講師

### 実現したいこと
djangoとvueの初期画面を同時に表示したい

### 発生している問題
```
WebpackError at /
            ModuleNotFoundError in 
            Module not found: Error: Can't resolve './src/main.js' in '/Users/takiz/udemy/venv/taskapp/frontend'
            
```
### 自分で試したこと



githubを確認し   versionを合わせた。

以下をコメントアウト    
```
  　// config.devServer
    //   .hotOly(true)
    //   .watchOptions({ poll: 1000 })
    //   .https(false)
    //   .disableHostCheck(true)
    //   .headers({ "Access-Control-Allow-Origin": ["*"] });
```

### 補足情報

### 実現したいこと
 求人情報アプリ構築アプリの講座にて、Home.vue ではjob.company_name 、job.job_title 取得、反映されるのですが、
Job.vueではAPIのデータが全く反映されません。。


### 発生している問題
特にエラー表示は出ていなのですが、どのような問題が発生している可能性が考えられますでしょうか。

### ソースコード


### 自分で試したこと
Githubのコードに差し替えたりして、確認はしたのですが、
反映されずでした。

### 補足情報

Vue.js

求人情報アプリ構築：Job BoardのJob詳細画面にAPIの情報を取得できない

wacky

### 実現したいこと
Vue.jsで行っていることをしっかり理解し、実際にwebアプリ開発に活かしたい
### 発生している問題
フロントエンドの開発言語としてVue.jsを学ぼうと思い、公式ドキュメントのチュートリアルを進めているのですが、内容が複雑になるにつれ、言っていることやっている事がよく分から
なくなってきてしまいました。javascripの知識が浅さ(セイト先生のチュートリアル講座を見ただけ)が原因かと思い、javascriptの勉強方法を調べて、試して見たのですが、いまいちvue.jsの学習につながっている気がしません、vue.jsの学習に役立つjavascriptの勉強方法を教えて貰えたら助かります。
### ソースコード


### 自分で試したこと
youtubeのチュートリアル動画を色々とあさった(ほぼ知っている内容だった)
paizaのjavascriptの問題集を解いた(ガチガチに競プロだった)

### 補足情報
金欠の学生なので無料のサイトを紹介して貰えたら助かります...

JavaScript

初心者

Vue.jsをすらすら学ぶ為のjavascriptについて

KosKos

## 実現したいこと

djangoとvueの初期画面を同時に表示

## 発生している問題

#### Django REST Framework + Vue.jsで求人情報アプリを構築しよう！ レッスン2

上記動画で学習をしています。 vue.config.jsを作成し、vueとdjangoのサーバーをそれぞれ起動したところ、「Vue JS」h1タグの文字しか表示されず、Devtoolのconsoleを確認すると以下のエラーが表示されました。 解決方法をご教示願います。

~~~
Uncaught SyntaxError: Unexpected token '<'
~~~

## ソースコード
vue.config.js以外は動画と同様のソースコードです。vue.config.jsのソースコードを載せておきます。

vue.config.js
~~~
const BundleTracker = require("webpack-bundle-tracker");

module.exports = {
  publicPath: "http://127.0.0.1:8000/",
  // publicPath: "http://0.0.0.0:8000/",
  outputDir: "./dist/",
  
  devServer: {
    hot: "only",
    allowedHosts: "all",
    static: {
      watch: true,
    },
    https: {
      requestCert: false,      
    },
    headers: { 
      "Access-Control-Allow-Origin": "*",
    },
  },

  chainWebpack : config => {
    config.plugin("BundleTracker").use(BundleTracker, [{ filename : "./webpack-stats.json"}]);
    config.output.filename("bundle.js");
    config.optimization.splitChunks(false);
    config.resolve.alias.set("__STATIC__", "static");

    // config.devServer
    // .hotOnly(true)
    // .watchOptions({ poll: 1000 })
    // .https(false)
    // .disableHostCheck(true)
    // .headers({ "Access-Control-Allow-Origin" : ["*"] });

  },
};
~~~

## 自分で試したこと

config.devServerの.hotOnly(true)や.watchOptions({ poll: 1000 })や.disableHostCheck(true)があるとエラーを吐くので、メモにしてあります。
以下を参考。

https://www.fullstackchannel.com/questions/9

publicPathをhttp://127.0.0.1:8000/ 以外にすると404エラーを吐きます。
## 補足情報
python -v
3.9.10

node -v
v16.13.1

npm -v
8.1.2

requirements.txt
~~~
Django==2.2.10
django-webpack-loader==0.7.0
djangorestframework==3.11.0
~~~

Django

djangoとvueの初期画面を同時に表示できない。(Uncaught SyntaxError: Unexpected token '<')

tsutaya

## 実現したいこと
Vueの画面をDjangoで表示したい


## 発生している問題
TypeError at /
expected string or bytes-like object（index.html）line:12


## ソースコード
https://www.youtube.com/watch?v=nKuUhMxsRfo&list=PLoSZs76tLtJja77B6z6FfBxw4X6ka_yBx&index=2


## 自分で試したこと
noteを購入し、該当箇所のコピペ
render_bundle 'app'がどこを呼び出しているのかご教示いただけますか、、、。


## 補足情報

djangoとvueの初期画面を同時に表示できない。(expected string or bytes-like object)

panman

## 発生している問題

#### Django REST Framework + Vue.jsで求人情報アプリを構築しよう！ レッスン2
上記動画で学習をしています。
vue.config.jsを作成し、vueとdjangoのサーバーをそれぞれ起動したところ、「Vue JS」h1タグの文字しか表示されず、consoleを確認すると以下エラーが表示されました。
解決方法をご教示願います。


## エラーメッセージ

127.0.0.1/:14          GET http://127.0.0.1:8080/bundle.js net::ERR_EMPTY_RESPONSE


## 自分で試したこと
以下を実施、及び、確認しました。

⓵以下動画でご説明されておりました「vue.config.js」を記述し、npm run serveを実行すると以下エラーが出力されました。ネットで調べたところ、webpack-dev-serverのバージョンによるものかと思い、以下のようにdevServerプロパティを記載し、npm run serveを実行しました。

##### エラー内容
~~~python
ValidationError: Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.
 - options has an unknown property 'disableHostCheck'. These properties are 
valid:
~~~

##### vue.config.js
~~~python
const BundleTracker = require("webpack-bundle-tracker");

module.exports = {
  publicPath: "http://127.0.0.1:8080/",
  outputDir: "./dist/",
  
  devServer: {
    hot: "only",
    allowedHosts: "all",
    static: {
      watch: true,
    },
    https: {
      requestCert: false,      
    },
    headers: { 
      "Access-Control-Allow-Origin": "*"
    }
  },

  chainWebpack : config => {
    config.plugin("BundleTracker").use(BundleTracker, [{ filename : "./webpack-status.json"}]);
    config.output.filename("bundle.js");
    config.optimization.splitChunks(false);
    config.resolve.alias.set("__STATIC__", "static");
  
    // config.devServer
    // .hotOnly(true)
    // .watchOptions({ poll: 1000 })
    // .https(false)
    // .disableHostCheck(true)
    // .headers({ "Access-Control-Allow-Origin" : ["*"] });

  },
};
~~~