Не удалось скомпилировать ошибку при попытке использовать тему в моем проекте Vue с помощью iView - PullRequest
Новая
       50

Не удалось скомпилировать ошибку при попытке использовать тему в моем проекте Vue с помощью iView

0 голосов
/ 08 мая 2019

Я пытаюсь изменить тему iView в моем проекте Vue. Я следовал инструкциям по этой ссылке:

https://www.iviewui.com/docs/guide/theme-en

Я создал папку с именем my-theme в моей основной папке проекта. Внутри этого у меня есть файл с именем index.less, который содержит стили для моей темы. Я также установил менее загрузчик, используя следующую команду 

npm install less-loader --save-dev

Затем я импортировал свою тему в файл main.js, например: 

import iView from 'iview';
import '../my-theme/index.less';

Vue.use(iView);

Однако, когда я пытаюсь загрузить свой проект, я получаю следующую ошибку: 

Failed to compile.

./my-theme/index.less (./node_modules/css-loader??ref--10-oneOf-3-1!./node_modules/postcss-loader/src??ref--10-oneOf-3-2!./node_modules/less-loader/dist/cjs.js??ref--10-oneOf-3-3!./my-theme/index.less)
Module build failed (from ./node_modules/less-loader/dist/cjs.js):
Error: Cannot find module 'less'
    at Function.Module._resolveFilename (module.js:547:15)
    at Function.Module._load (module.js:474:25)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (/Users/myusername/myapp/node_modules/less-loader/dist/index.js:8:36)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (/Users/myusername/myapp/node_modules/less-loader/dist/cjs.js:3:18)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)

https://pastebin.com/wRSP65bX

Как я могу решить эту проблему? Спасибо за любую помощь.

Update

Я также установил less, используя npm install less --save. Теперь я получаю эту ошибку: 

Failed to compile.

./my-theme/index.less (./node_modules/css-loader??ref--10-oneOf-3-1!./node_modules/postcss-loader/src??ref--10-oneOf-3-2!./node_modules/less-loader/dist/cjs.js??ref--10-oneOf-3-3!./my-theme/index.less)
Module build failed (from ./node_modules/less-loader/dist/cjs.js):


// https://github.com/ant-design/ant-motion/issues/44
.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?
      in /Users/myusername/myapp/node_modules/iview/src/styles/color/bezierEasing.less (line 110, column 0)
...