Javascript 切换到Typescript后未找到App.js

我有一个问题，我有点绝望，因为我还没有找到解决方案（也因为我不知道用谷歌搜索什么）。
因此，我有一个现有的（仍然几乎是新的）Laravel项目，并希望使用typescript从vue2升级到vue3。所以在教程中，我从vue2切换到vue3，在教程中，我切换到了typescript。在为项目（php artisan serve）提供服务时，我得到一个“404未找到”错误。还存在两个警告，即“使用源”http://127.0.0.1:8000/js/app.ts“和”http://localhost:35729/livereload.js“无法加载

这是我更改的一些文件

// webpack.mix.js
const LiveReloadPlugin = require('webpack-livereload-plugin');

mix.ts('resources/js/app.ts', 'public/js')
    .vue();

mix.webpackConfig({
    plugins: [new LiveReloadPlugin()]
})

---

有人知道如何解决这个问题吗？我真的很感激任何建议。

当我将app.js重命名为app.ts时，所有出现的地方也被重命名。因此，在我的start.blade.php中，有一个脚本引用了app.ts，编译后它显然不存在。。。 我不得不把它改成app.js，现在它可以工作了

// tsconfig.json
{
    "compilerOptions": {
        "target": "es5",
        "strict": true,
        "module": "es2015",
        "moduleResolution": "node",
    },
    "include": [
        "resources/js/**/*"
    ]
}

// resources/js/app.ts
import { createApp } from 'vue';
import App from './components/App.vue'

createApp(App)
    .mount('#app');

// resources/shims-vue.d.ts
declare module "*.vue" {
    import { ComponentOptions } from "vue";
    const component: ComponentOptions;
    export default component;
}