切换到Typescript后找不到App.js
切换到Typescript后找不到App.js
提问于 2021-03-22 04:59:35
我有一个问题，我有点绝望，因为我还没有找到解决方案(也因为我不知道谷歌什么)。
所以我有一个现有的(几乎是新的) Laravel项目，并希望通过typescript从vue2升级到vue3。因此，在this教程中，我从vue2切换到了vue3，而在this教程中，我切换到了typescript。在为项目(php artisan serve)提供服务时，我收到http://127.0.0.1:8000/js/app.ts的“404not Found”错误。还有两个警告，即无法加载源为"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()]
})// 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;
}有人知道怎么解决这个问题吗？我真的很感谢你的任何建议。
回答 1
Stack Overflow用户
发布于 2021-03-22 08:29:25
当我将app.js重命名为app.ts时，所有实例也都重命名了。因此，在我的start.blade.php中有一个引用了app.ts的脚本，它在编译后显然不存在……我不得不将其更改为app.js，现在它可以工作了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66737483
复制相关文章
相似问题
腾讯云开发者
