babel.config. js: ошибка при загрузке конфигурации - не удается найти «волокна» модуля - PullRequest
Новая
       30

babel.config. js: ошибка при загрузке конфигурации - не удается найти «волокна» модуля

0 голосов
/ 27 апреля 2020

Это сводит меня с ума.

IDE: Visual Studion 2019 Project: создан новый проект "Basi c Vue. js" - я выбрал аромат * .ts

Я проверяю, работает ли новый сайт. Это так.

После быстрого запуска на Vuetify: https://vuetifyjs.com/en/getting-started/quick-start/#bootstrapping -the-vuetify-object

После каждого шага, который я проверяю, сайт все равно будет компилироваться и запускаться.

Я попал в раздел, где мы добавляем новые модули в наш проект. Я запускаю эту строку: 

npm install sass sass-loader fibers deepmerge -D

И теперь сайт не запустится. Когда я отлаживаю, я получаю такой вывод: 

------ Build started: Project: MCCC.Web, Configuration: Debug Any CPU ------
        > mccc.web@0.1.0 build C:\Labs\MCCC\Web\MCCC-Web\MCCC.Web
        > vue-cli-service build
        -  Building for production...
        Starting type checking service...
        Using 1 worker with 2048MB memory limit
         ERROR  Failed to compile with 1 errors5:04:50 PM
         error  in ./src/main.ts
        Module build failed (from ./node_modules/thread-loader/dist/cjs.js):
        Thread Loader (Worker 0)
        C:\Labs\MCCC\Web\MCCC-Web\MCCC.Web\babel.config.js: Error while loading config - Cannot find module 'fibers'
            at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
            at Function.Module._load (internal/modules/cjs/loader.js:562:25)
            at Module.require (internal/modules/cjs/loader.js:690:17)
            at require (internal/modules/cjs/helpers.js:25:18)
            at Object.<anonymous> (C:\Labs\MCCC\Web\MCCC-Web\MCCC.Web\babel.config.js:17:32)
            at Module._compile (internal/modules/cjs/loader.js:776:30)
            at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)
            at Module.load (internal/modules/cjs/loader.js:653:32)
            at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
            at Function.Module._load (internal/modules/cjs/loader.js:585:3)
         @ multi ./src/main.ts
         ERROR  Build failed with errors.
        npm ERR! code ELIFECYCLE
        npm ERR! errno 1
        npm ERR! mccc.web@0.1.0 build: `vue-cli-service build`
        npm ERR! Exit status 1
        npm ERR! 
        npm ERR! Failed at the mccc.web@0.1.0 build script.
        npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
        npm ERR! A complete log of this run can be found in:
        npm ERR!     C:\Users\Dwainwright.BC\AppData\Roaming\npm-cache\_logs\2020-04-26T21_04_50_521Z-debug.log
C:\Program Files (x86)\Microsoft Visual Studio\2019\Professional\MSBuild\Microsoft\VisualStudio\v16.0\Node.js Tools\Microsoft.NodejsToolsV2.targets(60,5): error MSB3073: The command "npm run build" exited with code 1.
Done building project "MCCC.Web.njsproj" -- FAILED.

Build FAILED.
========== Build: 0 succeeded, 1 failed, 0 up-to-date, 0 skipped ==========

Линия, которая мне больше всего нравится, это: 

C:\Labs\MCCC\Web\MCCC-Web\MCCC.Web\babel.config.js: Error while loading config - Cannot find module 'fibers'

fiber - это ссылки в babel.config. json где Я добавил правила, изложенные в кратком обзоре: 

module.exports = {
  presets: [
        '@vue/app',
        '@babel/preset-env'
    ],
    rules: [
        {
            test: /\.s(c|a)ss$/,
            use: [
                'vue-style-loader',
                'css-loader',
                {
                    loader: 'sass-loader',
                    // Requires sass-loader@^7.0.0
                    options: {
                    implementation: require('sass'),
                    fiber: require('fibers'),
                    indentedSyntax: true // optional
                },
                // Requires sass-loader@^8.0.0
                options: {
                    implementation: require('sass'),
                    sassOptions: {
                        fiber: require('fibers'),
                        indentedSyntax: true // optional
                    },
                },
            },
        ],
    },
]
};

Кто-нибудь знает, как я могу решить эту проблему? Рады поделиться дополнительной информацией; не уверен, что еще тебе может понадобиться.

1 Ответ

0 голосов
/ 27 апреля 2020

Используете ли вы последнюю версию документов? Я перешел по указанной вами ссылке, и якорь #bootstrapping-the-vuetify-object больше не существует. Я смог запустить и успешно запустить базовый c проект, выполнив следующие действия:

  1. vue create myapp: выбрал «custom» и поставил галочку во всех полях, для TypeScript выбрал класс «default» компонентов стиля "
  2. проверил, что npm run serve работал
  3. vue add vuetify: выбран" Настроить ", и эти параметры:
    1. Y (по умолчанию)
    2. y
    3. y
    4. Значки дизайна материалов (по умолчанию)
    5. N (по умолчанию)
    6. Y (по умолчанию)
    7. Engli sh (по умолчанию)
  4. npm run serve будет работать, но я получил предупреждения об объявлении типа для vuetify/lib. Этот ответ привел меня к этому пункту часто задаваемых вопросов , который убрал предупреждения go. (Вы должны добавить "vuetify" к массиву compilerOptions.types в root tsconfig.json для проекта.)

FWIW, fibers не включается в проект вообще больше (искал "волокна" в package-lock.json). Мой babel.config.js файл выглядит так: 

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}

И vue.config.js выглядит так: 

module.exports = {
  transpileDependencies: [
    'vuetify'
  ]
}

Надеюсь, это поможет!

...