ローカルでは動きます.
同じ階層にファイルを置いています.
herokuのログを見ると
"GET /test.js HTTP/1.1" 200"
と出ているのにブラウザでは
Uncaught SyntaxError: Unexpected token '<' test.js:1
とエラーが出ます.どのようにすればいいのでしょうか?
HTML
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <title>test</title> 6 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 7</head> 8<body> 9 <div id="app">{{message}}</div> 10 <script src="test.js"></script> 11</body> 12</html>
javascript
1var app = new Vue({ 2 el: '#app', 3 data: { 4 message: 'Hello Vue!' 5 } 6})
この場合、test.js はブラウザで動くコードで、heroku のログは test.js がダウンロードされた(内容にエラーがないとは言ってない)ということです。エラーはブラウザ側で起こってるので、ブラウザにダウンロードされた内容を確認する必要がありますが、JS コードの 1 行目には < はないので、JS ファイルのパスや内容が間違ってる可能性があります。heroku から test.js をダウンロードして内容を確認することはできますか?
あなたの回答
tips
プレビュー