小编Вла*_*гов的帖子

Vite 无法解析构建的扩展

我很高兴通过本指南从 laravel-mix 迁移到 vite

\n

当我跑步时npm run devvite),一切都很棒。

\n

但是当我运行时npm run build,我收到错误:

\n
\n

错误:无法加载 resources/js/hooks/useRoute (由 resources/js/app.tsx 导入):ENOENT:没有这样的文件或目录,打开 \'C:\\OpenServer\\domains\\colorbit.local\\ reso\nurces\\js\\hooks\\useRoute\'

\n
\n

这是因为我导入了所有没有扩展名的文件。PhpStorm说应该是这样的,如果你添加扩展,那么它会给出一个错误,it\xe2\x80\x99s最好不要这样做。所以我在项目中的所有地方都使用了不带文件扩展名的导入。

\n

导入文件时如何忽略扩展名?我应该如何更改我的 vite.config.js?\n示例:import {Button} from \'@componenst/ui/Button- 不是.ts扩展名。

\n

这是代码

\n
// vite.config.js\nimport { defineConfig } from \'vite\';\nimport laravel from \'laravel-vite-plugin\';\nimport react from \'@vitejs/plugin-react\';\n\nexport default defineConfig({\n    plugins: [\n        laravel({\n            input: [\n                \'resources/js/app.tsx\',\n            ],\n            refresh: true,\n        }),\n        react({\n            fastRefresh: false\n        }),\n\n    ],\n    resolve: {\n        alias     : {\n …
Run Code Online (Sandbox Code Playgroud)

webpack laravel-mix vite

2
推荐指数
1
解决办法
5947
查看次数

标签 统计

laravel-mix ×1

vite ×1

webpack ×1