嘗試在 Django 應用程序的 js 文件中導入 vue.js 時出現“未捕獲的語法錯誤：無法在模塊外使用導入語句”

Question

我開始在真正的 django 項目中使用 vue.js，但我已經遇到了問題。

我在venv環境下安裝了npm，安裝了vue package。

我現在想在 js 文件中創建一個 Vue object，所以我使用：

import Vue from 'vue'

但是在控制台中我得到了這個錯誤

未捕獲的語法錯誤：無法在模塊外使用 import 語句

我已經搜索過這個問題，但找不到適合我的具體案例的好答案。

那么如何通過 npm package 繼續使用 vue js？

Answer 1

我很確定更好，但更難的方法是讓 webpack 和 babel 參與其中。 然而，對於我的小項目來說，這似乎有點過分了。 我使 node_modules 目錄對 staticfiles finder 可見：

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "node_modules"),
)

現在我必須通過 STATIC_URL 訪問它們（對我來說它是“/static/”）。

import Vue from 'static/dist/vue/vue.js'