Búsqueda de sitios web

reactjs - Cómo resolver el error de TypeScript para el alias de Laravel Mix


Estoy usando React, quiero usar una ruta absoluta al importar un componente.

así que personalicé webpack.mix.js como el código siguiente.

Eso ha funcionado bien en el navegador.

Pero VScode muestra error.

 Could not find a declaration file for module

const mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix
    .ts('resources/js/app.tsx', 'public/js')
    .sass('resources/sass/app.scss', 'public/css')

mix
    .webpackConfig({
        resolve: {
            extensions: [".js", ".jsx", ".tsx"],
            alias: {
                '@parts': path.resolve(__dirname, 'resources/js/components/parts'),
                '@pages': path.resolve(__dirname, 'resources/js/components/pages')
            }
        }
    });

if (mix.inProduction()) {
    mix.version()
}

Artículos relacionados