在 Vue 3 中的 vue 文件中导入脚本时出错

Question

我在 Vue 3 中使用 laravel-mix，但出现以下错误：

ERROR in ./resources/js/components/App.vue 2:0-54
Module not found: Error: Can't resolve './App.js/?vue&type=script&lang=js' in './resources/js/components'

components/App.vue

<template>
    <div id="app">
        <h1>Hello world</h1>
    </div>
</template>
<script src="./App.js/"></script>

components/App.js

export default {
    name: "App",
};

在我之前使用 Vue 2 和 Laravel 7 的项目中，我没有遇到这些错误。现在我正在使用 Vue 3 和 Laravel 8，但不知道如何修复它。我已经安装了 vue-loader 和 vue-template-compiler，所以我想它应该可以工作。

Vue 3 是否允许从单独的 js 文件导入脚本？在 Vue 2 中这是可能的（我喜欢将 HTML 与 JS 分开，因为我的编辑器存在一些问题，也为了更好的组织。）

Answer 1

这与 Vue3 无关，只是您在文件后添加了斜线，所以它被理解为目录。

<script src="./App.js/"></script>

至

<script src="./App.js"></script>

在 Vue 3 中的 vue 文件中导入脚本时出错

Error importing script in vue file in Vue 3

laravel

laravel-mix

vuejs3